[JAVAScript] 輸入框的背景提示語
參考資料來源http://lien-fa.com/?p=247
/*定義CSS*/
<style type="text/css">
.waterMarkText
{
color:#CCCCCC;
}
</style>
/*引用JS*/
<script src="../js/jquery-2.1.1.min.js" type="text/javascript"></script>
/*Script*/
<script type="text/javascript">
$(function () {
var nameTextBox = $('#<%=myTextBox.ClientID%>'); //ASP.Net
nameTextBox.focus(function () {
if (nameTextBox.val() == "請在此輸入內容") {
nameTextBox.removeClass("waterMarkText");
nameTextBox.val("")
}
});
nameTextBox.blur(function () {
if (nameTextBox.val() == "") {
nameTextBox.addClass("waterMarkText");
nameTextBox.val("請在此輸入內容");
}
});
nameTextBox.blur();
});
</script>