web开发实例教程:使用autofocus属性定位第一个表单域元素
2016-04-22 00:00
459 查看
客户端完成加载页面时,将光标定位到表单的第一个表单域上能够提高用户输入数据的速度。许多搜索引擎通过JavaScript实现了这个功能,而现在,HTML提供了自动聚焦功能,并将其视为语言的一部分。
要使用HTML的自动聚焦功能,你只需在任意表单域中添加autofocus属性即可。
浏览器会把用户光标定位到最后一个设置了autofocus属性的表单域上。
autofocus属性,则可使用jQuerv完成元素聚焦。这也许是你能提供的最简单的替代方案。
在页面中植入上面这段JavaScript代码后,你就可以随时使用autofocus属性而不必担心浏览器兼容性问题了。
页面加载完成时,autofocus属性能够略微简化用户开始填写表单的过程。现在,你可能还想在表单域上提供一些与类型相关的信息,如希望用户输入什么类型的值。没问题,接下来的placeholder属性正好可以解决这个问题。
本文由尚学堂在线学习平台www.sxt.cn提供,转载请注明出处。
要使用HTML的自动聚焦功能,你只需在任意表单域中添加autofocus属性即可。
浏览器会把用户光标定位到最后一个设置了autofocus属性的表单域上。
回退
仅需少量JavaScript代码即可检测出是否存在autofocus属性,如果用户浏览器不支持autofocus属性,则可使用jQuerv完成元素聚焦。这也许是你能提供的最简单的替代方案。
在页面中植入上面这段JavaScript代码后,你就可以随时使用autofocus属性而不必担心浏览器兼容性问题了。
页面加载完成时,autofocus属性能够略微简化用户开始填写表单的过程。现在,你可能还想在表单域上提供一些与类型相关的信息,如希望用户输入什么类型的值。没问题,接下来的placeholder属性正好可以解决这个问题。
本文由尚学堂在线学习平台www.sxt.cn提供,转载请注明出处。
相关文章推荐
- 如何选择好的香港虚拟主机
- Servlet 生命周期、工作原理
- sss
- SDFD
- 如何看待APP应用中的“意见反馈”功能
- 虚拟地球实验室今天成立了!
- 数据备份对数据中心的重要意义
- 1.什么是SDN?
- php文件上传类
- php Apache 安装
- php Apache 虚拟主机配置
- javascript找个某个标签为其添加属性
- jquery关闭显示某个层
- @Cacheable Null key returned for cache异常的解决方法
- 企业网站如何做得恰到好处?这个网站工具你一定用得到
- jsp页面EL表达式无论是都取不到值的原因
- sqoop1.4.6 安装配置
- 经验总结
- php中traits的使用
- 微服务熔断与隔离