首页 > 其他 > 详细

解决默写浏览器中点击input输入框时,placeholder的值不消失的方法

时间:2015-02-04 18:35:15      阅读:6254      评论:0      收藏:0      [点我收藏+]

html中,placeholder作为input的一个属性,起到了在输入框中占位并提示的作用。

但是有一些浏览器,如chrome,当鼠标点击输入框时,placeholder的值不消失,只有输入数据才消失,会使前端用户体验大打折扣。

看了很多大神的方法,写了长长的js,看着有点吃力,就想到了下面这种最傻的方法解决了这个问题。

html代码:

<input type="text" placeholder="请输入">

在其中只需加入两个简短的js即可:

<input type="text" placeholder="请输入" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘请输入‘">

 

解决默写浏览器中点击input输入框时,placeholder的值不消失的方法

原文:http://www.cnblogs.com/KKatherine/p/4272853.html

(0)
(4)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!