兼容IE低版本的表单控件placeholder属性

一款兼容IE低版本的表单控件placeholder属性插件，将表单控件placeholder属性兼容到IE7，同时还不影响到表单的验证。

分类：表单代码 > 输入框难易：初级

查看演示下载资源下载积分： 20 积分

页面的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>