码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-02-04 18:36:56      阅读:192      评论: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)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!