首页 新闻 搜索 专区 学院

遇到一个问题,不知道怎么解决

0
悬赏园豆:10 [待解决问题]

有个效果是,input没有内容的时候,显示一段文字“请输入账号”,input获取焦点的时候提示文字不消失,只有输入一个字符后才会消失。 但是浏览器自己补充进去的账号,JS获取不到值,所以造成了输入框中既有提示问题,又有账号信息,求解释!

小火、当自强的主页 小火、当自强 | 初学一级 | 园豆:192
提问于:2015-04-29 11:51
< >
分享
所有回答(5)
0

这个貌似是placeholder属性(具体拼写忘记了)实现的。实现起来自然简单了,要获取也简单,读这个属性。

只是这个属性貌似在低版本的浏览器里不支持。

此外,也可以通过js脚本控制内容来达成目的。

至于出现你说的这个问题,有时是浏览器导致的,有时是js导致的,百度的搜索输入框就有这个问题。

519740105 | 园豆:5810 (大侠五级) | 2015-04-29 12:14

是浏览器导致的,我想问一下有没有好的解决方案?

支持(0) 反对(0) 小火、当自强 | 园豆:192 (初学一级) | 2015-04-29 17:46

@小火、当自强: 没深入研究过。

支持(0) 反对(0) 519740105 | 园豆:5810 (大侠五级) | 2015-04-29 18:10
0

首先,再现代浏览器中,是placeholder属性可以直接实现这样功能的。

如果要兼容古老的浏览器,那么也有相关的插件支持,比如:http://matoilic.github.io/jquery.placeholder/

幻天芒 | 园豆:36662 (高人七级) | 2015-04-29 13:23

只是一个输入框不想引入一个插件

支持(0) 反对(0) 小火、当自强 | 园豆:192 (初学一级) | 2015-04-29 17:45

@小火、当自强: 那你把插件代码复制过来嘛。。或者你不考虑兼容IE9-,那么就不需要插件了。

支持(0) 反对(0) 幻天芒 | 园豆:36662 (高人七级) | 2015-04-30 09:20
0

既然你不愿意用placeholder, 那么你提供你的代码, 是怎么写的

问天何必 | 园豆:3301 (老鸟四级) | 2015-04-29 18:51
0

请直接贴代码

晴朗路 | 园豆:373 (菜鸟二级) | 2015-04-30 09:04
0

<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">

这个可以做到。

猿哥爱码 | 园豆:258 (菜鸟二级) | 2015-08-27 19:09
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册