- 3
- 0
- 约1.03千字
- 约 2页
- 2021-11-08 发布于江苏
- 举报
HTML 表单(Form)是HTML 的一个重要部分,主要用于采集和提交用户输入的信息。Blabla 网对表单有详细的介绍,这里不再重复。下面要介绍的是,如何用简单的 Javascript 语句对表单里文本框的默认值进行操作。
为了让用户知道文本框里应该填写什么,我们通常会给文本框一个默认值。为了方便用户,当用户的鼠标点击文本框,我们希望文本框里的默认值被清空;当用户的鼠标离开文本框,如果文本框是空的,我们希望把文本框的值设回默认值。要实现这些,我们要用到 Javascript 的事件触发。这里用到是:onFocus(聚焦, 也就是鼠标点入文本框)和 onBlur(模糊,也就是鼠标离开文本框)。
Javascript 函数:
function clearDefault(el) {//清空
if (el.defaultValue==el.value) el.value = ;
}
function resetDefault(el){// 重设
if (el.value == ) el.value=el.defaultValue;
}
有了以上函数,我们就可以在表单的任意一个文本框里(text 或者 textarea) 调用这两个函数:onFocus 时调用 clearDefault(this);onBlur 时调用resetDefault(this)。例如:
form
Lastnam
您可能关注的文档
最近下载
- 《全国艾滋病检测技术规范(2025年修订版)》深度解读PPT课件.pptx VIP
- 民航乘务服务课件-机上急救.ppt VIP
- 380v开水器cqc认证证书检测报告.pdf
- 酒泉金塔县总医院中医分院医养结合中心招聘考试真题2025.docx VIP
- 2025北京清华附中高一10月月考化学(含答案).pdf VIP
- 合规转利润:降本增效全指南(2026)《GBT 25921-2010电气和仪表回路检验规范》.pptx VIP
- 共产党宣言讲解.ppt VIP
- 民航乘务服务课件.doc VIP
- 合规红线与避坑实操手册(2026)《GBT 25921-2010电气和仪表回路检验规范》.pptx VIP
- 深度解析(2026)《GBT 25921-2010电气和仪表回路检验规范》.pptx VIP
原创力文档

文档评论(0)