HTML5实例教程-网页表单Form标签的属性

2020-03-24 19:20:13

字体：大中小

来源：转载

供稿：网友

在HTML5中，吸纳了Web Forms 2.0的标准，大幅度强化了针对表单元素的功能，使得关于表单的开发更快、更方便。1.form属性在HTML5中，可以把表单从属元素写在页面任何地方，然后给元素指定一个form属性，属性值为表单的id，这样就可以声明该元素从属于指定表单。 form id= test input type= text /form textarea form= test /textarea 2.formaction属性在HTML5中，可以给所有的提交按钮增加不同的formaction属性，点击不同的按钮，将不同的表单提交到不同的页面。 input type= submit formaction= a.php input type= submit formaction= b.php 3.fommethod属性在HTML5中，可以使用formaction属性来对每个表单元素分别指定不同的提交页面，同时也可以使用formmethod属性来对每个表单元素分别指定不同的提交方法。 input type= submit formaction= a.php formmethod= post input type= submit formaction= a.php formmethod= get 4.placeholder属性placeholder是指文本框或处于未输入状态并且未获得光标焦点时，降低显示输入提示文字不透明度，具体实例如本站网络基地搜索框效果。 input type= text placeholder= 点击这里搜索 5.autofocus属性给文本框、选择框或按钮控件自动获得光标焦点。 input type= text autofocus 6.list属性在HTML5中，为单行文本框增加一个list属性，该属性的值为某个datalist元素的id。datalist元素类似于选择框(select),该元素本身并不显示，而是文本框获得焦点时以提示输入的方式显示。 input type= text list= phpstudycom datalist id= phpstudycom >为了避免在不支持该元素的浏览器中错误的显示，用CSS等设定它为不显示。7.auotcomplete属性辅助输入所用的自动完成功能，节省输入时间,同时也十分方便的功能。对于auotcomplete属性，可以指定 on 、 off 、 (不指定)这三种值。 input type= text autocomplete= on list= phpstudycom html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：使用HTML5 Canvas绘制圆角矩形及相关的一些应用举

下一篇：HTML下拉菜单代码