第9款插件:jQuery Form Tips表单提示信息插件

描述：在文本框中以浅色的字符串提示用户如何输入，以提高表单输入时的可操作性。

兼容浏览器：所有IE/firefox/google chrome

官方链接： http://code.google.com/p/jquery-formtips

JS下载： http://ijquery.360sites.cn/js/jquery.formtips.1.2.2.js

预览： http://ijquery.360sites.cn/demo/formtips

打包下载： http://ijquery.360sites.cn/demo/formtips/formtips.zip

参数说明：
    在class属性中指定提示信息用的类名，在title属性中指定提示信息。

1. tippedClass:'class'  //指定tip的样式

复制代码

图片展示：


JS引用代码：

1. <script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery-1.4.2.min.js"></script>
   
2. <script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.formtips.1.2.2.js"></script>

复制代码

HTML代码：

1. <form id="formContact" name="formContact" method="post" action="">
   
2.         <dl>
   
3.                 <dt>姓名</dt>
   
4.                 <dd><input type="text" name="name" id="name" class="help" title="请输入您的姓名。" value="" size="20" maxlength="256" /></dd>
   
5.                 <dt>拼音</dt>
   
6.                 <dd><input type="text" name="kana_name" id="kana_name" class="help" title="请输入姓名的拼音。" value="" size="20" maxlength="256" /></dd>
   
7.                 <dt>我要反映问题</dt>
   
8.                 <dd><textarea name="message" id="message" class="help" title="如果您有任何问题，请在此输入。" cols="20" rows="5"></textarea></dd>
   
9.         </dl>
   
10.         <input type="submit" name="submitbtm" id="submitbtm" value="提交" />
    
11. </form>

复制代码

CSS代码：

1. .tipped {color: #bbb;}

复制代码

[转] http://ijquery.360sites.cn/forum.php?mod=viewthread&tid=9