New elements and attributes for HTML5 forms

1, tagcontrolAttribute

In HTML5, you can place a form element inside the tag, and pass the tag's control attribute to access the form element.

 1 nbsp;html> 2  3  4     <meta> 5     <title>Document</title> 6  7  8 <script> 9     function setValue(){10         var label=document.getElementById("label");11         var textbox=label.control;12         textbox.value=510006;13     }14 </script>15     

16     17     邮编：18         19         请输入六位数字20     21     22     

23 24 

Text boxplaceholder attribute

placeholder refers to when the text box is not entered Input prompt displayed in status . When the text box is in an uninput state and does not obtain the cursor focus, the input prompt text is blurred.

 1 nbsp;html> 2  3  4     <meta> 5     <title>Placehoder属性</title> 6  7  8     <input> 9 10 

Text boxlistAttribute

In HTML5, a list is added for the single-line text box Attribute, the value of this attribute is the id of a certain datalist element. The datalist element is also a new element in HTML5. This element is similar to a selection box, but when the value the user wants to set is not within the selection list, the user is allowed to enter it by himself. The datalist element itself is not displayed, but is displayed as a prompt for input when the text box gains focus.

 1 nbsp;html> 2  3  4     <meta> 5     <title>List属性</title> 6  7  8     

 9         10         15     

16 17 

Text box AutoComplete property

 1 nbsp;html> 2  3  4     <meta> 5     <title>文本框AutoComplete属性</title> 6  7  8     

 9          10         15     

16 17 

Text box The pattern attribute

The Selection

Direction attribute of the text box

The indeterminate attribute of the check box

image submission

The height property and width property of button

The above is the detailed content of New elements and attributes for HTML5 forms. For more information, please follow other related articles on the PHP Chinese website!