亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

jQuery水印插件 - Watermark 和 FormWatermark

系統(tǒng) 3177 0

Form Watermark 是一個跨瀏覽器的可以給表單文本框和文本區(qū)域增加水印的插件,使用Form Watermark給表單增加水印提示功能,這有助于提高用戶交互和友好度,如果配合jQuery插件Validation可 提供強大的用戶體驗,F(xiàn)orm Watermark使用簡單,效果圖如下:

?


使用說明
需要使用 jQuery庫文件 Form Watermark庫文件

?

?

使用實例
一,包含文件部分

?

    <script language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" src="jquery.watermark.min.js"></script>
/* 同時可結(jié)合Validation插件(可選) */
<script language="javascript" src="js/jquery.validate.min.js"></script>

  

?

二,HTML部分

?

    <form id="frm" method="post">
	<input id="un" name="un" type="text" class="required" watermark="用戶名" />
	<input id="pwd" name="pwd" type="password" class="required lock pad" watermark="{html:'密碼 ',cls:'pad empty'}"/>
	<input type="submit" value="登陸"/>
</form>

  
?

直接使用watermark標(biāo)簽就可以給文本框或文本區(qū)域增加水印效果,如上用戶名,同時也可以使用對象的形式{},如上密碼部分使用{html:'密碼 ',cls:'pad empty'},html表示水印文字,cls表示水印的CSS樣式。

?

詳細(xì)看附件 jquerywatermark..rar

?

?

Watermark ,同樣是一個給文本框增加水印效果的插件,實現(xiàn)文本框必填提示或自動時間間隔提示等,使有非常簡 單,效果圖如下:

使用說明
需要使用jQuery庫文件和Watermark庫文件
http://jquery.com/
http://plugins.jquery.com/project/jquery-watermark

?

同時需要自定義表單CSS樣式

使用實例


一,包含文件部分

?

    <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.watermark-2.0.min.js"></script>

  
?

二,HTML部分

?

    <form id="gideon" action="" method="GET" class="cmxform">
	<h3>Watermark Demonstration </h3>
	<fieldset>
		<ol>
			<li><label for="d5-username">用戶名 <em>*</em></label> <input id="d5-username" name="d5-username" /></li>
			<li><label for="d5-password">密碼 <em>*</em></label> <input id="d5-password" name="d5-password" type="password" maxlength="10" /></li>
			<li><label></label> <input type="submit" value="提交" /></li>
		</ol>
	</fieldset>
 </form>

  
?

三,javascript部分

?

    $(function () {
$("#d5-username").watermark("biuuu.com請你需入用戶名");
$("#d5-password").watermark("biuuu.com請你需入需入你的密碼");
});

  
?

如上實例,使用jQuery插件Watermark實現(xiàn)自定義文本框水印提示效果,只需要指定所提示水印效果的ID,然后提供提示文字,就能實現(xiàn)簡單的文 本框水印效果。

?

    $("#ID").watermark("水印提示");
  
?

其它應(yīng)用可以根椐具體需求進(jìn)行擴(kuò)展,使用 watermark 插件實現(xiàn)自定義文本框水印提示效果值得推薦。

下載Watermark插件源代碼
http://plugins.jquery.com/project/jquery-watermark

?

或下載附件 jquery.watermark.zip

?

?

?

?

jQuery水印插件 - Watermark 和 FormWatermark


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 香蕉视频精品 | 久久综合中文字幕一区二区三区 | 四虎午夜剧场 | 在线中文字幕视频 | 视频精品一区 | 欧美久久一区二区三区 | 天天爽天天狼久久久综合 | 伊人精品网 | 一本岛高清v不卡免费一三区 | 成人欧美一区二区三区黑人妖 | 夜夜爱夜夜爽夜夜做夜夜欢 | 99在线观看精品免费99 | 91在线视频免费看 | 国产成人在线视频播放 | 四虎影院免费 | 亚洲精品色一区色二区色三区 | 神马色片 | 亚洲国产模特在线播放 | 欧美一级aa天码毛片 | 夜夜夜夜操 | 中文在线播放 | 搡女人免费的视频 | 97精品国产高清久久久久蜜芽 | 成人高清毛片a | 老司机免费福利影院 | www.免费视频 | 国产亚洲精品一区二区 | 九九视频免费在线观看 | 久久精品日日躁精品 | 97影院理论在线观看 | 水中色av综合 | 久久99国产综合色 | 久久手机免费视频 | 国产nv精品你懂得 | 天天操夜夜嗨 | 91久久精品国产一区二区 | 激情在线播放免费视频高清 | 色综合久久中文色婷婷 | 午夜撸 | 波多野结衣久久高清免费 | 久久精品女人天堂 |