HTML部分:

<form id="testform">

<input type="text" class="clear" value="Always cleared" />
<input type="text" class="clear once" value="Cleared only once" />
<input type="text" value="Normal text" />
</form>

  JavaSript部分:

$(function() {

//取出有clear类的input域
//(注: "clear once" 是两个class clear 和 once)
$('#testform input.clear').each(function(){
//使用data方法存储数据
$(this).data( "txt", $.trim($(this).val()) );
}).focus(function(){
// 获得焦点时判断域内的值是否和默认值相同,如果相同则清空
if ( $.trim($(this).val()) === $(this).data("txt") ) {
$(this).val("");
}
}).blur(function(){
// 为有class clear的域添加blur时间来恢复默认值
// 但如果class是once则忽略
if ( $.trim($(this).val()) === "" && !$(this).hasClass("once") ) {
//Restore saved data
$(this).val( $(this).data("txt") );
}
});
});

查看Demo

转载于:https://www.cnblogs.com/flysnow-z/archive/2009/12/07/1618449.html

一个景点的给input域一个默认值,然后在聚焦的时候清空它 jquery方法相关推荐

  1. 给input date设置默认值

    // 给input  date设置默认值 var now = new Date(); //格式化日,如果小于9,前面补0 var day = ("0" + now.getDate( ...

  2. html设置input默认值,使用jQuery给input标签设置默认值

    由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法. input默认值设置 $(function() { //集体调用 $(".form i ...

  3. input如何设置默认值

    <input name="" id="id" type="text" value="默认值" οnfοcus=&q ...

  4. input file设置默认值_innodb_data_file_path设置--通过错误日志中page大小计算实际值...

    概述 innodb_data_file_path用来指定innodb tablespace文件,如果我们不在my.cnf文件中指定innodb_data_home_dir和innodb_data_fi ...

  5. INPUT输入框带默认值

    上代码,不解释了. <input value="UNSAVED" autoComplete="Off" type="text" οnf ...

  6. html5 规定input域,HTML input tel 拨号域

    # HTML input tel 拨号域 `` 标签 type 属性值设置为 tel 即可创建拨号域,HTML5 新增. 既然叫做拨号域,那么它主要用于填写电话号码等类似数据. 首先看一段代码实例: ...

  7. HTML input 默认值设置

    原文地址为: HTML input 默认值设置 一个好的站点能够做到在一些极其细小的方面对用户(浏览者)体贴入微,为浏览者大开方便之门,今天向你介绍一个自动清除表单输入域的默认值脚本,即当用户在inp ...

  8. 当时那个input都有值调用方法_miniUI input设置默认值,js获取年月注意事项,数据库nvl函数使用...

    2017-6-5周一,今天碰到的一个需求是:两税附征模块进入页面筛选时间默认值为当前月的上一个月,并根据筛选结果显示数据,我们用的框架为miniUI. 坑1: 默认值设置,刚刚接触miniUI,对里面 ...

  9. 给input type=color设置默认值

    参考:https://stackoverflow.com/questions/14943074/html5-input-colors-default-color?utm_medium=organic& ...

  10. 在SQL和ERWIN中用自定义类型、规则和默认值实现check约束从而保证数据的完整性...

    ========================================================= /*创建一个名为list的规则,这条规则表明变量只能取0和1两个值*/ CREATE ...

最新文章

  1. 长连接及在Node中的应用——HTTP/1.1 keep-alive
  2. ATL CLR MFC Win32 常规 的区别
  3. error: the following arguments are required: cfg_file
  4. C#操作SqlServer数据库的常用对象,及其方法
  5. kubernetes(三)k8s中通信和Service
  6. 仅仅有单日的确诊总人数,无法触发SAP Analytics Cloud的Smart Discovery功能
  7. python 统计组合用什么库_Python机器学习需要用到的库
  8. 2018年最实用机器学习项目Top 6(附开源链接)
  9. OpenDaylight系列教程(十一)-- Installing OpenDaylight
  10. Masonry 在swift下的使用
  11. MySQL Query Cache 小结
  12. 李沐动手学深度学习V2-语义分割和Pascal VOC2012数据集加载代码实现
  13. 小米浏览器禁用java_小米手机调试总出现“INSTALL_CANCELED_BY_USER”
  14. spline: 计算机曲线简史(转载)
  15. osip和mysql_osip2/eXosip2调试笔记
  16. Android好用的音乐,安卓手机音乐播放器哪个好用?十大最好音乐播放器介绍
  17. 优秀网页翻译:关于您的下一个汽车友好型原型
  18. 2012年度最佳分享:仿webQQ界面,详情请下载,不吃亏
  19. deepin使用印象笔记(Evernote)
  20. vs2017编写的html需要打包,VS2017 安装打包插件的图文教程

热门文章

  1. ospf 几种LSA类型的总结
  2. windows2003安装网络打印机的问题(原创,转载请注明)
  3. LSI SAS 3008配置操作
  4. “红孩儿”成中科院博士!做CTO身价过亿!
  5. Spring Boot 集成 JUnit5,优雅单元测试!
  6. 我和面试官的博弈:Redis 篇
  7. 推荐:Windows平台上三款提高工作效率的免费神器!
  8. 面试了一个6年的Java,竟然什么都不会!
  9. 带你全面了解Http和Https(开发人员必备)
  10. 如何准备Java初级和高级的技术面试