PhoneGap中文网

 找回密码
 立即注册
查看: 15230|回复: 0
打印 上一主题 下一主题

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

[复制链接]

11

主题

11

帖子

55

积分

注册会员

Rank: 2

积分
55
跳转到指定楼层
楼主
发表于 2016-4-22 11:48:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
客户端完成加载页面时,将光标定位到表单的第一个表单域上能够提高用户输入数据的速度。许多搜索引擎通过JavaScript实现了这个功能,而现在,HTML提供了自动聚焦功能,并将其视为语言的一部分。

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


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

回退


仅需少量JavaScript[url=http://www.果粉厨房.com/u/13421/blog/8811]前端培训[/url]代码即可检测出是否存在autofocus属性,如果用户浏览器不支持

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



     在页面中植入上面这段JavaScript[url=http://www.果粉厨房.com/u/13421/blog/8811]前端培训[/url]代码后,你就可以随时使用autofocus属性而不必担心浏览器兼容性问题了。

    页面加载完成时,autofocus属性能够略微简化用户开始填写表单的过程。现在,你可能还想在表单域上提供一些与类型相关的信息,如希望用户输入什么类型的值。没问题,接下来的placeholder[url=http://www.果粉厨房.com/u/13421/blog/8811]前端培训[/url]属性正好可以解决这个问题。




本文由尚学堂在线学习平台www.sxt.cn[url=http://www.bjsxt.com]北京尚学堂[/url]提供,转载请注明出处。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2025-1-2 03:05 , Processed in 0.035147 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表