jquery控制表单输入框显示默认值的方法

本文实例讲述了jquery控制表单输入框显示默认值的方法。分享给大家供大家参考。具体实现方法如下：

<！DOCTYPE html><html><head><script language="javascript" src="jquery-1.6.2.min.js"></script><script type="text/javascript">$（document）.ready（function（） { $（".someClass"）.each（function（） {var $this = $（this）;var defaultVal = $this.attr（"title"）;$this.focus（function（） { if （$this.val（） === defaultVal） {$this.val（""）; }}）;$this.blur（function（） { if （$this.val（）.length === 0） {$this.val（defaultVal）; }}）; }）;}）;</script><style>input { display:block; margin-bottom:5px;}</style></head><body><input class="someClass" type="text" title="Name" value="Name" /><input class="someClass" type="text" title="Email Address"value="Email Address" /><input class="someClass" type="text" title="Default Value Here"value="Insert form refill here" /></body></html>

希望本文所述对大家的jQuery程序设计有所帮助。