form属性
html4:表单的从属元素必须书写在表单内部
html5:可以书写在页面的任何地方,然后为该元素制定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了
<form id="textform">
<input type="text">
</form>
<textarea form="textform"></textarea>
在这种书写形式下,textarea同样也是属于上面的form。
formaction属性
在html4中,一个表单内的所有元素只能通过表单的action被统一提交至另一个页面
在html5中,可以为所有的提交按钮增加不同的formaction属性,使单击不同的按钮时可以将表单提交到不同的页面
<body>
<form id="form1">
<input type="submit" name="in1" value="v1" formaction="http://localhost:8935/try4/formstudyphp1.php">提交到php1
<br/><input type="submit" name="in2" value="v2" formaction="http://localhost:8935/try4/formstudyphp2.php">提交到php2
<br/><input type="submit" name="in3" value="v3" formaction="http://localhost:8935/try4/formstudyphp3.php">提交到php3
</form>
</body>
formmethod属性
在html4中,一个表单只有一个method属性统一指定提交方法(因为只有一个被指定的提交页面)
在html5中,可以利用formmethod属性为每一个表单元素分别指定不同的提交方法
formentype属性
在html4中,表单元素具有一个enctype属性,该属性用于指定在表单发送到服务器之前应该如何对表单内数据进行编码
在html5中,可以使用formentype属性对于表单元素分别指定不同的编码方式
三个值及其对应的编码方式:
text/plain---空格转换为加号,但是不对特殊字符进行编码)
multipart/form-data---不对字符进行编码,在使用包含文件上传空间的表单时必须使用该值
formenctype="application/x-www-form-urlencoded"---最常见,在发送前编码所有字符,当action为get时浏览器用当前编码方式把表单数据转换为字符
formtarget属性
在html5中,对多个提交按钮分别使用formtaraget属性来指定提交后在何处打开所需加载的页面(target属性的完善)
autofocus属性
为文本框,选择框或按钮控件加上autofocus属性,当画面打开时,该控件自动获得光标焦点
required属性
可用在大多数输入元素上,在提交时,如果元素为空白,则不允许提交,同时在浏览器中显示提示文字
labels属性
为所有可使用标签的表单元素,button,select元素等定义一个labels属性,属性值为一个nodelist对象,代表该元素所绑定的标签元素所构成的集合