用JQuery写的文本框初始值消失的方法

来源：互联网发布：win10笔记本电脑优化编辑：程序博客网时间：2024/05/16 09:19

学习JQuery后，自己写的一个简单的文本框初始值消失的方法，提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失，代码如下：

<!DOCTYPE html><html><head><title></title><script src="../jquery-1.8.0.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function() { var $obj = $("input[type='text']");//文本框初始值消失的方法//提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失$obj.bind('focus', function() {if(this.value == this.defaultValue){this.value = "";}});$obj.bind('blur', function() {if(this.value == ""){this.value = this.defaultValue;}});});</script></head><body><center><input type="text" id="in1" value="请输入姓名" ><br><input type="text" id="in2" value="请输入昵称"  ><br><input type="text" id="in3" value="请输入Email" ><br></center></body></html>

阅读全文

0 0