HTML5¼¼Êõ

HTML5 »ù´¡ - ±Ë°¶Ê±¹â(18)

×ÖºÅ+ ×÷ÕߣºH5Ö®¼Ò À´Ô´£ºH5Ö®¼Ò 2016-03-08 17:00 ÎÒÒªÆÀÂÛ( )

ͼÏñͨ³£»áͬʱָ¶¨¿í¶ÈºÍ¸ß¶ÈÊôÐÔ¡£Èç¹ûͼÏñÉèÖÿí¶ÈºÍ¸ß¶È£¬Í¼ÏñËùÐèµÄ¿Õ¼äÔÚ¼ÓÔØÒ³Ê±»á±»±£Áô¡£Èç¹ûûÓÐÕâЩÊôÐÔ£¬ä¯ÀÀÆ÷²»ÖªµÀͼÏñµÄ´óС£¬¾Í²»ÄÜÔ¤ÁôÊʵ±µÄ¿Õ¼ä¡£Í¼Æ¬ÔÚ¼ÓÔØ¹ý³ÌÖлáÊ¹Ò³Ãæ²¼¾ÖЧ¹û¸Ä±ä £¨¾¡¹Ü

¡¡¡¡Í¼Ïñͨ³£»áͬʱָ¶¨¿í¶ÈºÍ¸ß¶ÈÊôÐÔ¡£Èç¹ûͼÏñÉèÖÿí¶ÈºÍ¸ß¶È£¬Í¼ÏñËùÐèµÄ¿Õ¼äÔÚ¼ÓÔØÒ³Ê±»á±»±£Áô¡£Èç¹ûûÓÐÕâЩÊôÐÔ£¬ä¯ÀÀÆ÷²»ÖªµÀͼÏñµÄ´óС£¬¾Í²»ÄÜÔ¤ÁôÊʵ±µÄ¿Õ¼ä¡£Í¼Æ¬ÔÚ¼ÓÔØ¹ý³ÌÖлáÊ¹Ò³Ãæ²¼¾ÖЧ¹û¸Ä±ä £¨¾¡¹ÜͼƬÒѼÓÔØ£©¡£

¡¡¡¡(10)¡¢<input> min/max ºÍ step ÊôÐÔ

¡¡¡¡min¡¢max ºÍ step ÊôÐÔÓÃÓÚΪ°üº¬Êý×Ö»òÈÕÆÚµÄ input ÀàÐ͹涨ÏÞ¶¨£¨Ô¼Êø£©¡£

¡¡¡¡min ÊôÐԹ涨ÊäÈëÓòËùÔÊÐíµÄ×îСֵ¡£

¡¡¡¡max ÊôÐԹ涨ÊäÈëÓòËùÔÊÐíµÄ×î´óÖµ¡£

¡¡¡¡step ÊôÐÔΪÊäÈëÓò¹æ¶¨ºÏ·¨µÄÊý×Ö¼ä¸ô¡£Èç¹û step="3"£¬ÔòºÏ·¨µÄÊýÊÇ -3£¬0£¬3£¬6£¬9 µÈ¡£

¡¡¡¡×¢Ò⣺min¡¢max ºÍ step ÊôÐÔÊÊÓÃÓÚÒÔÏÂÀàÐ굀 <input> ±êÇ©£ºdate pickers(ÈÕÆÚÑ¡ÔñÆ÷)¡¢number ÒÔ¼° range¡£

¡¡¡¡step ÊôÐÔ¿ÉÒÔÓë min ºÍ max ÊôÐÔ´´½¨Ò»¸öÇøÓòÖµ¡£

¡¡¡¡×¢Ò⣺step ÊôÐÔÊÊÓÃÓÚÒÔÏÂÀàÐ굀 <input> ±êÇ©£ºnumber£¬range£¬date£¬datetime£¬datetime-local£¬month£¬time ÒÔ¼° week¡£

¡¡¡¡(11)¡¢<input> form ÊôÐÔ

¡¡¡¡form ÊôÐԹ涨ÊäÈëÓòËùÊôµÄÒ»¸ö»ò¶à¸ö±íµ¥¡£

¡¡¡¡form ÊôÐÔ±ØÐëÒýÓÃËùÊô±íµ¥µÄ id£¬ÈçÐèÒýÓÃÒ»¸öÒÔÉÏµÄ±íµ¥£¬¿ÉÒÔʹÓÿոñ·Ö¸ô¡£

¡¡¡¡×¢Ò⣺form ÊôÐÔÊÊÓÃÓÚËùÓÐ <input> ±êÇ©µÄÀàÐÍ¡£

 

¡¡¡¡ÏÂÃæ 5 ¸öÊôÐÔ¶¼ÊôÓÚ±íµ¥ÖØÐ´ÊôÐÔ£¨form override attributes£©£¬ÔÊÐíÖØÐ´ form ÔªËØµÄijЩÊôÐÔÉ趨¡£

¡¡¡¡±íµ¥ÖØÐ´ÊôÐÔÓë type="submit" ºÍ type="image" ÅäºÏʹÓã¬ÕâЩÊôÐÔ¶ÔÓÚ´´½¨²»Í¬µÄÌá½»°´Å¥ºÜÓаïÖú¡£

¡¡¡¡(12)¡¢<input> formaction ÊôÐÔ

¡¡¡¡formaction ÊôÐÔÓÃÓÚÃèÊö±íµ¥Ìá½»µÄ URL µØÖ·¡£

¡¡¡¡formaction ÊôÐԻḲ¸Ç <form> ÔªËØÖÐµÄ action ÊôÐÔ£¬ÓÃÓÚÖØÐ´±íµ¥µÄ action ÊôÐÔ¡£

¡¡¡¡(13)¡¢<input> formenctype ÊôÐÔ

¡¡¡¡formenctype ÊôÐÔÃèÊöÁË±íµ¥Ìá½»µ½·þÎñÆ÷µÄÊý¾Ý±àÂë £¬Ö»Õë¶Ô form ±íµ¥ÖÐ method="post" ±íµ¥¡£

¡¡¡¡formenctype ÊôÐÔ¸²¸Ç form ÔªËØµÄ enctype ÊôÐÔ£¬ÓÃÓÚÖØÐ´±íµ¥µÄ enctype ÊôÐÔ¡£

¡¡¡¡(14)¡¢<input> formmethod ÊôÐÔ

¡¡¡¡formmethod ÊôÐÔ¶¨ÒåÁË±íµ¥Ìá½»µÄ·½Ê½¡£

¡¡¡¡formmethod ÊôÐÔ¸²¸ÇÁË <form> ÔªËØµÄµÄ method ÊôÐÔ£¬ÓÃÓÚÖØÐ´±íµ¥µÄ method ÊôÐÔ¡£

¡¡¡¡(15)¡¢<input> formnovalidate ÊôÐÔ

¡¡¡¡novalidate ÊôÐÔÊÇÒ»¸ö boolean ÊôÐÔ¡£

¡¡¡¡novalidateÊôÐÔÃèÊöÁË <input> ÔªËØÔÚ±íµ¥ÌύʱÎÞÐè±»ÑéÖ¤¡£

¡¡¡¡formnovalidate ÊôÐԻḲ¸Ç <form> ÔªËØµÄ novalidate ÊôÐÔ£¬ÓÃÓÚÖØÐ´±íµ¥µÄ novalidate ÊôÐÔ¡£

¡¡¡¡(16)¡¢<input> formtarget ÊôÐÔ

¡¡¡¡formtarget ÊôÐÔÖ¸¶¨Ò»¸öÃû³Æ»òÒ»¸ö¹Ø¼ü×ÖÀ´Ö¸Ã÷±íµ¥Ìá½»Êý¾Ý½ÓÊÕºóµÄչʾ¡£

¡¡¡¡formtarget ÊôÐÔ¸²¸Ç <form>ÔªËØµÄ target ÊôÐÔ£¬ÓÃÓÚÖØÐ´±íµ¥µÄ target ÊôÐÔ¡£

 

15¡¢HTML5 ÐÂÔªËØ

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎ×ªÔØµÄ¸å¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬Çë×ªÔØÊ±Îñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • HTML5 ½ø½×ϵÁУºÍÏ·Å API ʵÏÖÍÏ·ÅÅÅÐò - _ÁÖöÎ

    HTML5 ½ø½×ϵÁУºÍÏ·Å API ʵÏÖÍÏ·ÅÅÅÐò - _ÁÖöÎ

    2017-05-02 11:02

  • vueÈ«¾ÖÅäÖÃ----С°×»ù´¡Æª - Ðǹâ±Ê

    vueÈ«¾ÖÅäÖÃ----С°×»ù´¡Æª - Ðǹâ±Ê

    2017-04-28 08:04

  • HTML5 ½ø½×ϵÁУºindexedDB Êý¾Ý¿â - _ÁÖöÎ

    HTML5 ½ø½×ϵÁУºindexedDB Êý¾Ý¿â - _ÁÖöÎ

    2017-04-27 14:02

  • HTML5 ¸ß¼¶ÏµÁУºweb Storage - _ÁÖöÎ

    HTML5 ¸ß¼¶ÏµÁУºweb Storage - _ÁÖöÎ

    2017-04-27 14:01

ÍøÓѵãÆÀ
Ï