表单元素系列二

表单内元素的formaction属性
->在H4以前,一个页面内的所有元素只能通过表单的action属性同意提交到另一个页面。H5可以为所有的提交按钮增加不同的formaction属性,使其点击不同的按钮可以将表单提交到不同的页面。
<form id="testForm" action="text.jsp">
    <input type="submit" name="v1" value="v1" formaction="s1.jsp"/>
    <input type="submit" name="v2" value="v2" formaction="s2.jsp"/>
    <input type="submit" name="v3" value="v3" formaction="s3.jsp"/>
</form>
表单内元素的formmrthod属性
H4以前,一个页面只有一个action用来对表单内所有的元素进行统一的提交页面,所以也只有一个method来确定提交的方法。H5中有formmethod属性对每一个表单元素分别指定不同的提交方式。
<form id="testForm" action="text.jsp">
    <input type="text" name="nanme"/>
    <input type="submit" value="post提交方式" formmethod="post"/>
    <input type="submit" value="get提交方式" formmethod="get"/>
</form>

表单内元素的autofocus属性
为文本框,选择框,按钮控件加上autofocus属性,当页面打开时,该控件自动获得光标焦点,但是还要加入js,control.focus()。注意:一个页面只能有一个控件具有autofocus

H5之后改良的标签元素
a元素
添加了一个download属性。添加之后,用户点击超链接之后直接下载超链接所指向的资源文件。
ol元素
如果不希望ol元素所代表的的列表编号从1开始,那么可以使用start属性来定义开始的编号。
<ol start="5">
页面展示的是
5.xxx
6.xxx
</ol>
ol列表的reversed属性对列表进行反向编号

增强的script元素
新增async(异步)和defer(延迟)
在浏览器遇到脚本的时候会发出下载该脚本文件的请求,开始脚本文件的下载后,立即执行页面的加载工作。
脚本加载完毕后会触发一个onload事件,我们可以通过监听该事件及指定事件处理函数来指定脚本文件下载完毕时所需要的一些处理。
两者唯一的区别就是何时处理onload事件处理函数。
async:脚本完毕后立即执行该事件处理函数(谁的script先加载完毕,谁的onload先执行。)
defer:是所有的script加载完毕后,在按顺序onload执行。(时间快些)
posted @ 2017-02-15 11:24  小货盘啦  阅读(131)  评论(0编辑  收藏  举报