text box 浮水印

在 text box ，如果想要達到秀出浮水印提示文字的效果，除了用 ASP.NET AJAX Control Toolkit 所內建的浮水印文字方塊（TextBoxWatermark）功能之外，可以參考一個 jQuery PlugIn 的外掛功能：Jquery TextBox Help Plugin。

官方網址：http://plugins.jquery.com/project/textboxhelp

可以去下載 0.1.1 版本，有修正了重複點選 text box 會清掉 user 已經輸入文字的 bug。

使用方法也相當簡單：

/* 加入兩行 javascript 的引用，一個是指定 jquery 位置，一個則是 外掛的 plugin */

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="textboxhelp.js"></script>

/* 使用方式，則是在 ready( ) 事件中，去設定文字方塊的 textboxhelp 屬性即可 */

<script type="text/javascript">

$().ready(function(){

$("#search").textboxhelp({help:'預設說明'});

});

</script>

<input type="text" name="search" id="search" >