一款兼容IE低版本的表单控件placeholder属性插件,将表单控件placeholder属性兼容到IE7,同时还不影响到表单的验证。
页面的head部分,简单设置页面元素的样式,代码如下:
.st-control {line-height:20px;height:32px;box-sizing:border-box;padding:5px 10px;font-size:14px;border:1px solid #d5d5d5;display:block;width:100%;}
.st-control:focus {border-color:#bbb;}
textarea.st-control {min-height:60px;font-size:13px;line-height:16px;}
h3{ text-align:center}
页面的body部分,设置好需要用到placeholder属性的元素:input、textarea等,代码如下:
<h3>让低版本IE支持placeholder</h3>
<div style="width:360px;margin:100px auto;">
<input type="text" placeholder="请输入用户名" class="st-control" />
<br />
<textarea class="st-control" placeholder="请输入备注信息"></textarea>
<br />
<select class="st-control" placeholder="请选择语言">
<option value=""></option>
<option value="">简体中文</option>
<option value="">繁体中文</option>
<option value="">英语</option>
</select>
</div>
页面的底部,需引入jQuery库和placeholder插件,并启用插件,代码如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/placeholder.js"></script>
<script type="text/javascript">
$('[placeholder]').placeholder();
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791