JQuery表单美化插件j q T r a n s f o r m

简介

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