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

2024-05-06 16:20:45

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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>