html5中表单新增属性.pptxVIP

HTM5中FORM表单新增的属性主讲人：高洛峰妹子

在创建Web应用时，会用到大量的表单元素，HTML5中为表单增加了很多诱人的属性，强化了表单元素的功能，使得关于表单的编写更快、更方便。

属性名说明from在HTML4中，表单内的从属元素必须书写在表单内部，但在HTML5中，可以书写在页面上任何位置，只要给该元素指定一个form属性，属性值为该表单的id就可以了，这样做的好处是给页面中的元素添加样式时更方便。formaction在HTML4中，表单内的所有元素都只能通过表单的action属性统一提交到另一个页面，但在HTML5中可以给所有的提交按钮都增加不同的formaction属性，使得点击不同的按钮，将表单提交到不同的页面。formmethod在HTML5中可以使用formaction属性来对每个表单元素分别指定不同的提交页面，同时也可以使用formmethod属性来对每个表单元素分别指定不同的提交方法。placeholder当文本框“text”或“textarea”处于未输入状态时文本框中显示的输入提示，只要在表单中加上placeholder属性，再指定提示文字就可以实现.autofocus当页面一打开，文本框、选择框或按钮可以自动获得光标焦点。不过一个页面只能有一个控件使用该属性。例如登录页面一打开焦点在用户名上。list该属性需要和datalist元素(HTML5新增)一起使用，list属性的值就是datalist的id。使用datalist元素设置一个选择列表（类似select），当用户输入的值在列表中就出现选择提示，当用户想要设定的值不在选择列表之内时，允许其自行输入。plete辅助输入所有的自动完成功能，是一个节省输入时间，同时也十分方便的功能，在HTML5之前，因为谁都可以看见输入的值，所以存在安全隐患。对于plete属性，可以指定“on”、“off”和“”(不指定)三种值，不指定时，使用浏览器的默认值。把该属性设为on时，可以显式指定候补输入的数据列表。使用detalist元素与list属性提供候补输入的数据列表，自动完成时，可以将该datalist元素中的数据作为候补输入的数据在输入框中自动显示.

关注高洛峰微信公众账号了解更多相关信息更多课程内容关注兄弟连云课堂：