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

2019-11-20 12:25:45

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：jQuery实现表格行上移下移和置顶的方法

下一篇：jQuery实现自动滚动到页面顶端的方法