简介

jqTransform，是DFC Engineering写的一个jQuery的样式插件，用于美化表单元素，使用方便简单，能美化所有表单元素包括input，radio，textarea，select，checkbox。

（附件下载的文件包含DEMO）

使用

1.  引入 jquery.js 、jqtransform.css 和 jquery.jqtransform.js 文件

2.  HTML

<form action="#" method="post">
<p><label>用户名：</label><input type="text" /></p>
<p><label>密码：</label><input type="password" /></p>
<p><label>性别：</label><input type="radio" name="sex" /> <label style="width:auto">男</label>
<input type="radio" name="sex" /> <label style="width:auto">女</label> </p>
<p><label>学历：</label>
<select>
<option value="1">博士</option>
<option value="2">硕士</option>
<option value="3">大学本科</option>
<option value="4">大专</option>
<option value="5">中技</option>
</select>
</p>
<p><label>短信订阅：</label><input type="checkbox" />  <label>开通短信订阅功能</label></p>
<p><label>备注：</label>
<textarea name="note" rows="6" cols="40"></textarea>
</p>
<p><label> </label><input type="submit" value="提交" /> <input type="reset" value="重置" /></p>
</form>

3.  调用

<script language="javascript">
$(function(){
$('.jqtransform').jqTransform();
});
</script>

相关链接

GitHub 地址 ：https://github.com/louisremi/jquery.transform.js