HTML5新增属性,html5新增的表单控件元素
1. 表单内元素的form属性
在H5中，可以将表单放在页面上的任何位置，然后为元素指定一个表单属性，属性值是表单的id，这样就可以声明元素属于指定的表单。
表单id=testform 输入类型= text /表单textarea form= test form /textarea2. 表单内元素的formaction属性
在H4，表单的提交方法
FormAction= 1 . JSP /form提交整个表单。
在H5，您可以为表单的每个属性添加提交的jsp页面。
表单操作= 1.jsp 输入类型=提交操作= 1-1.jsp 提交到第1页/表单输入类型=提交操作= 1-2.jsp 提交到第2页/表单输入类型=提交操作= 1-3.jsp 提交到第3页
您可以为表单的每个元素指定提交方法。
Formaction= 1.jsp 输入type= submit action= 1-1 . JSP form method= post 提交到第1页，post提交方法/form input type= submit action= 1-2 . JSP form method= get 提交到第2页，获取提交方法/表单
同上，每个元素都起作用，代码省略。
3. 表单内元素的formmethod属性
同上，每个元素都起作用，代码省略。
4. 表单内元素的formenctype属性
为文本框、选择框、按钮控件等添加自动对焦属性。当屏幕打开时，它会自动获得焦点。
Type= text action= 1-3.jsp 自动聚焦提交到3个页面/表单。一个页面上只有一个控件可以具有自动聚焦属性，并且不能被滥用。
5. 表单的formtarget属性
它可以用于大多数输入元素。如果输入值为空，则不允许提交。浏览器显示一条文本消息，提示用户输入内容。
6.元素的autofocus属性
您可以向表单的所有元素添加一个Labels属性，属性值是一个NodeList对象，它表示绑定到该元素的一组label元素。
script type= text/JavaScript window . onload=function(){ var text=document . getelementbyid( text )；var BTN=document . getelementbyid( BTN )；var form=document . getelementbyid( form )；BTN . onclick=function(){ if(text . value . trim()== ){//alert(text . labels . length)if(text . labels . length==1){ var label=document . createelement( label )；label.setAttribute(for ， text )；form.insertBefore(label，BTN)；文本.标签[1]。innerHTML=请输入您的姓名；文本.标签[1]。setAttribute( style ， font-size:9px；颜色：红色’)；} } else if(text . labels . length 1)form . remove child(text . labels[1])；} } }/script form id= form label id= label for= text Name:/label input id= text input id= BTN type= button value= verify /form当用户不输入任何值时，单击验证，文本框旁边会动态添加一个label元素。标签元素为“当用户在文本框中输入时，带有“请输入您的姓名”文字的标签将被删除。
7. required属性
您可以将表单元素放在标签中，并通过标签的control属性来访问它。
script type=text/javascript 函数setValue(){ console . log(1)；var label=document . getelementbyid( label )；var textbox=label.controltext . value= 231456 }/script form Label id= Label zip code:input id= txt _ zip maxlength= 6 small请输入6位数/Label input type= button value= set default value onclick= setValue()/form在浏览器中打开页面，单击“设置默认值”按钮，文本框中将显示231456。
8. labels属性
当文本框(文本或文本区域)被选中时，输入提示信息(灰色)。
input type=text palceholder=哈哈9. 标签的control属性
结合h5新添加的datalist元素做一个提示框。
text:input type= text name= greeting list= greetings ！-use style= display:none ；设置不显示datalist元素-datalist id= greetings style= display:none Option value=你是人你是人/optionvalue=你是猪你是猪/optionvalue=你是狗你是狗/Option /datalist在文本框中输入“你”时，下面会出现三列提示：“你是人”、“你是猪”、“你是狗”。没有关键字将不会出现任何提示。
10. 文本框的placeholder属性
Autocomplete有三个值“on”、“off”和“”(未指定)。如果未指定，则使用浏览器的默认值。用法如下
input= text name= greeting list= greetings autocomplete= on 当您在文本框中输入“我是人类”时，点击提交，返回上一页，然后在文本框中输入“我”，系统会提示“我是人类”。
11. 文本框的list属性
相当于在html部分通过正则表达式直接判断输入的值是否符合要求。
请输入内容：输入类型= text 模式= [0-9] [a-z] {3}
该代码要求输入一个数字和三个大写字母。如果输入不正确，会出现“请与所需内容一致(Google)”的提示。
12. 文本框的autocomplete属性
对于input的text和textarea元素，当用户用鼠标选中这两个元素中的一些文本时，可以用这个元素来获取选择方向。
script type= text/JavaScript function alertSelectionDirection(){ var control=document . forms[0][ text ]；var Direction=control . selection Direction；警戒(方向)；}/scriptforminput type= text name= text input type= button value= miss me onclick= alertselectiondirection()/form13. 文本框的pattern属性
对于复选框，过去只有选中和未选中状态。在html5中，可以在js中的这个元素上使用不确定属性来解释复选框的“未显式选择”状态。
script var CB=document . getelementbyid( CB )；//将indeterminate的属性设置为true cb.indeterminate=true/scriptinput type= checkbox 不确定ID= CB 不确定属性测试14. 文本框的selectionDirection属性
Height:指定图片按钮中图片的高度；Width:指定图片按钮中图片的宽度；输入类型= image src= img/2 . png width= 23 height= 23 15. 复选框的indeterminate属性
Maxlength:由整数值设置，用于限制textarea元素中可以输入的字符数。Wrap:您可以指定属性值是软属性值还是硬属性值。当属性为硬属性时，如果未使用return键，但文本会在指定的行范围之外自动换行，则在提交表单时会在换行处添加一个换行标志。这就是本文的全部内容。希望这篇文章的内容能给你的学习或者工作带来一些帮助，也希望你能多多支持我！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。