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

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

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

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

html代码:浏览器

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

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

<input type="text" placeholder="请输入" onfocus="this.placeholder=''" onblur="this.placeholder='请输入'">
相关文章
相关标签/搜索