引用連結：http://digitalbush.com/projects/watermark-input-plugin/
當載好兩個js檔之後，放到同一個資料夾，就可以使用了
<head runat="server">
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.watermarkinput.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
$("#TextBox1").Watermark("輸入你要的字", "#dedede");
});
</script>
</head>
<body>
<div>
<asp:TextBox ID="TextBox1" runat="server></asp:TextBox>
</div>
</body>
PS.請注意一下如果是.master記得id要變成
jQuery(function($) {
$("#ctl00_ TextBox1 ").Watermark("輸入你要的字", "#dedede");
});
===
後續補充→發現這一篇可以做到更簡單去了解
ref→http://blog.roodo.com/esabear/archives/9329889.html
ref→http://blog.asflexer.com/jquery-textbox-watermark
.waterMarkText // 可以放你想要設定的任何浮水印效果
{
color:#888888;
}
<asp:TextBox ID="txbTitle" runat="server" tooltip="輸入浮水印文字"></asp:TextBox>
<script type="text/javascript">
$(function () {
var txtbox = $('#<%=txbTitle.ClientID%>');
txtbox.focus(function () {
if (txtbox.val() == this.title) {
txtbox.removeClass("waterMarkText");
txtbox.val("");
}
});
txtbox.blur(function () {
if (txtbox.val() == "") {
txtbox.addClass("waterMarkText");
txtbox.val(this.title);
}
});
txtbox.blur();
});
</script>
沒有留言:
張貼留言