码迷,mamicode.com
首页 > Web开发 > 详细

web开发实例教程:使用placeholder属性进行提示

时间:2016-04-22 11:55:50      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

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

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

技术分享

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

回退

 

仅需少量JavaScript代码即可检测出是否存在autofocus属性,如果用户浏览器不支持

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

技术分享

     在页面中植入上面这段JavaScript代码后,你就可以随时使用autofocus属性而不必担心浏览器兼容性问题了。

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

 

 

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

web开发实例教程:使用placeholder属性进行提示

标签:

原文地址:http://www.cnblogs.com/bsxt/p/5420700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!