您的位置：首页 > 其它

完美解决IE不支持placeholder的问题

2017-03-16 15:05 375 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>你好世界</h1>
<!-- placeholder属性在IE中，只有 IE11 支持 -->
<input type="text" class="text1" placeholder="Enter your search text here">

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// val()无参数是取值，有参数是设置
// 为了更好的兼容性，将下面的val()设置与input中的placeholder的值设置相同
$("input.text1").val("Enter your search text here");
textFill($('input.text1'));
});

function textFill(input) {
var originalvalue = input.val();
input.focus(function() {
if ($.trim(input.val()) == originalvalue) {
input.val('');
}
});
input.blur(function() {
if ($.trim(input.val()) == '') {
input.val(originalvalue);
}
});
}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： placeholder IE不支持placeholder IE不支持placeholder的问题完美解决IE不支持placeholder

相关文章推荐

新的分享

章节导航