web开发实例教程:使用autofocus属性定位第一个表单域元素

客户端完成加载页面时,将光标定位到表单的第一个表单域上可以提升用户输入数据的速度。许多搜索引擎经过JavaScript实现了这个功能,而如今,HTML提供了自动聚焦功能,并将其视为语言的一部分。web

要使用HTML的自动聚焦功能,你只需在任意表单域中添加autofocus属性便可。浏览器

浏览器会把用户光标定位到最后一个设置了autofocus属性的表单域上。性能

回退

仅需少许JavaScript代码便可检测出是否存在autofocus属性,若是用户浏览器不支持学习

autofocus属性,则可以使用jQuerv完成元素聚焦。这也许是你能提供的最简单的替代方案。搜索引擎

     在页面中植入上面这段JavaScript代码后,你就能够随时使用autofocus属性而没必要担忧浏览器兼容性问题了。spa

    页面加载完成时,autofocus属性可以略微简化用户开始填写表单的过程。如今,你可能还想在表单域上提供一些与类型相关的信息,如但愿用户输入什么类型的值。没问题,接下来的placeholder属性正好能够解决这个问题。orm


本文由尚学堂在线学习平台www.sxt.cn提供,转载请注明出处。blog

相关文章
相关标签/搜索