jquery控制表单输入框显示默认值的方法
更新时间：2015年05月22日 15:57:28 作者：不吃皮蛋
这篇文章主要介绍了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程序设计有所帮助。
相关文章
这是一个支付页面DEMO，有截图，非常逼真，感兴趣的朋友可以参考下2014-07-07
这篇文章主要介绍了jquery可定制的在线UEditor编辑器，UEditor的功能非常强大，ueditor更具有功能插件接口，很轻松地添加自己定义功能到编辑器中，方便项目的不同需求，需要的朋友可以参考下2015-11-11
这篇文章主要介绍了jQuery回调方法使用,结合具体实例形式分析了jQuery回调方法的原理、定义及使用方法,需要的朋友可以参考下2017-06-06
对于时间控件我比较喜欢用jQuery-ui的那个，我也比较推荐那个，所以这篇我就不对属性，函数，API进行翻译了2012-07-07
这篇文章主要为大家详细介绍了基于jQuery封装的分页组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍，需要的朋友参考下2013-07-07
我们根据实例来解释JQuery选择器（selectors）中xpath几种常用的用法2010-05-05
这篇文章主要介绍了jquery实现的简单轮播图功能,涉及jQuery基于定时器的事件响应与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了jquery分割字符串的方法,涉及jQuery中使用split方法进行字符串分割的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jquery实现submit提交表单的相关资料,需要的朋友可以参考下2015-02-02
最新评论