[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>