欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery控制表單輸入框顯示默認(rèn)值的方法

 更新時間：2015年05月22日 15:57:28   作者：不吃皮蛋  
這篇文章主要介紹了jquery控制表單輸入框顯示默認(rèn)值的方法,可實(shí)現(xiàn)輸入框出現(xiàn)出現(xiàn)默認(rèn)值的效果,需要的朋友可以參考下

本文實(shí)例講述了jquery控制表單輸入框顯示默認(rèn)值的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<!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程序設(shè)計有所幫助。

相關(guān)文章

最新評論