打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

2016.08.23

关注

标签:class   style   代码   log   html   问题   数据   方法   la   

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

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

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

html代码:

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

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

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

 

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

标签:class   style   代码   log   html   问题   数据   方法   la   

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
html禁止清除input文本输入缓存
使用placeholder属性设置input文本框的提示信息
html5中文本框输入内容提示消失
使用HTML设计注册界面
[译]HTML5 结合‘pattern’自定义表单校验
UI选择器
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服