原文地址为: HTML input 默认值设置

一个好的站点能够做到在一些极其细小的方面对用户(浏览者)体贴入微,为浏览者大开方便之门,今天向你介绍一个自动清除表单输入域的默认值脚本,即当用户在input输入域点选聚焦时,输入域将自动清空等待用户输入,不再需要人工删除默认值。它的代码如下:

<form name="emailform">
<input type="text" onFocus="this.value=''" value="您的EMAIL" name="email">
<input type="submit" name="Submit" value="Submit">
</form>

  以上这段脚本太简易了,功能上还存在问题:不论输入域里有什么内容,只要鼠标聚焦,它都我们将自动消失,我们还可以做得更精致一点:只对输入域中指定的文本实现自动清空,例如我们要对邮件列表输入框的 "您的EMAIL" 字样完成聚焦清空效果就可以用以下脚本:

function clearfield1(){
if (document.emailform.email.value == "您的EMAIL")
document.emailform.email.value = "";
}

  其实你可以发挥您的想象,利用输入域的聚焦/失焦(onFocus 和 onBlur)完成很多特效。

转载请注明本文地址: HTML input 默认值设置

HTML input 默认值设置相关推荐

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

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

  2. sqlserver中GUID的默认值设置

    sqlserver中GUID的默认值设置 YID uniqueidentifier not null default (NEWSEQUENTIALID()), //有序GUID(只能用于表设计的时候的 ...

  3. 手机modem开发(28)---开发电信VoLTE开关默认值设置

    电信VoLTE开关默认值设置 [Important Notice]CT VoLTE配置文档名称为<Operator_Specific_Document_CT入库版本准备.docx>,如贵司 ...

  4. 【Python3.7】就餐人数:在为完成练习 9-1 而编写的程序中,添加一个名为 number_served 的属性,并将其默认值设置为 0。根据这个类创建一个名为 restaurant 的实例

    # [Python3.7]就餐人数:在为完成练习 9-1 而编写的程序中,添加一个名为 number_served的属性,并将其默认值设置为 0.根据这个类创建一个名为 restaurant 的实例: ...

  5. SqlServer数据库 时间类型字段添加默认值 设置时间格式

    在做项目的时候,遇到了需要在数据库中给字段默认值的问题,默认值需要显示的是当前年份,给大家分享下: 找了一些资料后,感觉这个方法很适用: 将数据类型改成了varchar,默认值设置为 convert( ...

  6. sql server中datetime默认值设置和日期函数

    sql server中datetime默认值设置和日期函数 select CONVERT(varchar, getdate(), 120 )         -----------------> ...

  7. 电信JAVA手机_手机modem开发(28)—开发电信VoLTE开关默认值设置

    电信VoLTE开关默认值设置 [Important Notice]CT VoLTE配置文档名称为<Operator_Specific_Document_CT入库版本准备.docx>,如贵司 ...

  8. element-ui 的 el-input-number的默认值设置为空

    element 的 el-input-number的默认值设置为空 用 el-input-number 来限制输入框智能输入数字,例如价格之类的,v-model 设为 空 和 null 时,默认的值显 ...

  9. HTML之select下拉框:默认值设置

    当我们做web项目时,总是会碰到的一种情况是下拉框的使用,提交数据很简单,但是数据的回显就会遇到一些问题: 我们在数据回显时,期望下拉框默认显示的是这条数据选择的选项. 举个例子: 有一篇博文,我上传 ...

最新文章

  1. python函数高级运用
  2. Windows8.1系统下让VS2012编译运行IIS Express 64位 调试器
  3. 新版Hadoop MapReduce-Yarn
  4. 面向对象进阶-反射(二)重要知识点
  5. C语言程序设计线上测试01,2001年C语言程序设计笔试A卷.doc
  6. vsftpd(Install)
  7. 在 chrome 中使用 coap 调试插件 copper
  8. cxf打印报文日志_使用线程池实现异步打日志和存库的任务调度
  9. mysql之 xtrabackup原理、备份日志分析、备份信息获取
  10. hive(一)hive的安装与基本配置
  11. oracle dataaccess component,Oracle Data Access Components (ODAC)
  12. 中兴捧月算法-切绳子
  13. 陈强教授《机器学习及R应用》课程 第十三章作业
  14. 2020.10.13--PS--像素化滤镜、扭曲类滤镜、波浪和水波
  15. automotive 安卓开发_谷歌首次提及「Android Automotive」,是安卓车机系统亮相前奏?...
  16. Qt5生成Word格式报告
  17. C++ STL源码分析——一个万用的 hash function
  18. Educational Codeforces Round 115 (Rated for Div. 2) A. Computer Game
  19. 从零开始建设个人网站到弃坑
  20. 前端解决表情符号乱码问题(前端处理表情符号编码)@令狐张豪

热门文章

  1. 一文帮你搞懂GBK码协议,让你真正理解和搞定它!
  2. 项目中使用 阿里巴巴短信服务
  3. 2023年中山大学法律硕士(非法学)考研初试复试备考经验分享
  4. 阿里巴巴1000亿助力共同富裕
  5. Flash存储芯片如何存储数据的?
  6. codevs 1079 回家
  7. POJ 1012 Joseph 题解
  8. Linux搭建ntp服务器(全)
  9. 12月1日——培训第10天
  10. 全屋智能2020第十一届(南京)国际智能家居展览会