有个效果是,input没有内容的时候,显示一段文字“请输入账号”,input获取焦点的时候提示文字不消失,只有输入一个字符后才会消失。 但是浏览器自己补充进去的账号,JS获取不到值,所以造成了输入框中既有提示问题,又有账号信息,求解释!
这个貌似是placeholder属性(具体拼写忘记了)实现的。实现起来自然简单了,要获取也简单,读这个属性。
只是这个属性貌似在低版本的浏览器里不支持。
此外,也可以通过js脚本控制内容来达成目的。
至于出现你说的这个问题,有时是浏览器导致的,有时是js导致的,百度的搜索输入框就有这个问题。
是浏览器导致的,我想问一下有没有好的解决方案?
@小火、当自强: 没深入研究过。
首先,再现代浏览器中,是placeholder属性可以直接实现这样功能的。
如果要兼容古老的浏览器,那么也有相关的插件支持,比如:http://matoilic.github.io/jquery.placeholder/
只是一个输入框不想引入一个插件
@小火、当自强: 那你把插件代码复制过来嘛。。或者你不考虑兼容IE9-,那么就不需要插件了。
既然你不愿意用placeholder, 那么你提供你的代码, 是怎么写的
请直接贴代码
<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">
这个可以做到。