4.新增表单相关的属性

Posted 2020-09-26 BetiaStar

新增表单相关的属性

　　1、可以对input（type=text）、select、textarea与button元素指定autofocus属性。它以指定属性的方式让元素在打开页面时自动获得焦点。

　　2、可以对input（type=text）和textarea元素指定placeholder属性，它会对用户的输入进行提示，提示用户可以输出的内容。

　　3、可以对input、output、select、textarea、button与fieldset指定form属性，声明它属于哪个表单，然后将其放置在页面上的任何位置，而不是表单之内。

　　4、可以对input元素（type=text）与textarea预算指定required属性。该属性表示在用户提交的时候进行检查，检查该元素内一定要有输入的内容。

　　5、为input元素增加了几个新的属性：autocomplete、min、max、multiple、pattern与step。同时还有一个新的list元素也datalist元素配合使用。datalist元素与autocomplete属性配合使用。multiple属性允许在上传文件时一次上传多个文件。

　　6、为input元素与button元素增加了新属性formaction。formenctype、formmethod、formnovalidate与formtarget，它们可以重载form元素的action。enctype、method、novalidate与target属性。为fieldset元素增加了disabled属性，用于把他的子元素设为无效的。

　　7、为input元素、button元素form元素增加了novalidate属性，该属性可以取消提交时进行的有关检查，表单可以被无条件提交。

　　8、为所有可用标签（label元素）的表单元素（包括非隐藏的input元素（type属性不等于hidden）、button元素select元素、textarea、meter元素output元素、progress元素以及keygen元素）定义一个labels属性，属性值为一个NodeList对象，代表该元素所绑定的标签元素所构成的集合。

　　9、可以在标签（label元素）内部放置一个表单元素，并且通过该标签的control属性访问该表单元素。

　　10、针对input元素与textarea元素，在html5中增加SelectionDirection属性。当用户在这两个元素中用鼠标选取部分文字时，可以使用该属性来获取选取方向。当用户正向选取文职是，该属性为“forward--默认”，反向是为“backward”。

　　11、对复选框（checkbox元素）添加indeterminate属性，以说明复选框处于“尚未明确是否选取”状态。

　　12、对类型为image的input元素添加用于指定图片按钮中图片高度的height属性与图片宽度的width属性。

　　13、对textarea元素新增用于限定可输入文字个数的maxlength属性与用于指定表单提交时是否在文字换行出添加换行符的wrap属性。