html5系列之placeholder兼容ie11
【摘要】 placeholder 属性是html5的属性，用于提供描述输入字段预期值的提示信息（hint）。
简单例子：
<!DOCTYPE HTML>
<html>
<body>
<form action="/test.do" method="get">
<input type="search" name="user_search" placeholder="请在此输入你...
placeholder 属性是html5的属性，用于提供描述输入字段预期值的提示信息（hint）。
简单例子：
<!DOCTYPE HTML>
<html>
<body>
<form action="/test.do" method="get">
<input type="search" name="user_search" placeholder="请在此输入你的审批意见" />
<input type="submit" />
</form>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
这个标签属性主要用于提示，未填写之前是会显示的，鼠标触发的时候，是会隐藏的
注意：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 和password
好的，上面就是placeholder的简单用法简介，然后介绍一下placeholder的兼容性，placeholder在Chrome浏览器是正常的，不过在ie兼容性就很不好。
我是在ie11测试的，发现placeholder，鼠标点击时候是不会隐藏的，还是显示文字。
<textarea name="handleInfo.apprIdea" id="msg" class="form-control" placeholder="请在此输入您的审批意见" height="126px;" style="overflow-y: auto;" value="${handleInfo.apprIdea}">${handleInfo.apprIdea}</textarea>
- 1
- 2
然后网上很多教程都是重写样式，用onchange等等函数替换，不过我觉得太麻烦，然后调试过程发现写在$(function(){…});初始化函数的时候，加个attr属性，竟然是可以兼容的，具体做法：
$(function(){
$("#msg").attr("placeholder","请在此输入您的审批意见");
});
- 1
- 2
- 3
- 4
注意，这个方法只在ie11测试过，ie8等等没测试过，所以本博客不予记录
文章来源: smilenicky.blog.csdn.net，作者：smileNicky，版权归原作者所有，如需转载，请联系作者。
原文链接：smilenicky.blog.csdn.net/article/details/99686447
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）