admin 管理员组

文章数量: 1087829


2024年3月9日发(作者：class反编译成java)

HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。

Blabla网对表单有详细的介绍，这里不再重复。下面要介绍的是，如何用简单的Javascript

语句对表单里文本框的默认值进行操作。

为了让用户知道文本框里应该填写什么，我们通常会给文本框一个默认值。为了方便

用户，当用户的鼠标点击文本框，我们希望文本框里的默认值被清空；当用户的鼠标离开

文本框，如果文本框是空的，我们希望把文本框的值设回默认值。要实现这些，我们要用

到Javascript的事件触发。这里用到是：onFocus（聚焦，也就是鼠标点入文本框）和onBlur

（模糊，也就是鼠标离开文本框）。

Javascript函数：

function clearDefault(el) {//清空

if (tValue==) = "";

}

function resetDefault(el){// 重设

if ( == '') =tValue;

}

有了以上函数，我们就可以在表单的任意一个文本框里（text或者textarea）调用这

两个函数：onFocus时调用clearDefault(this)；onBlur时调用resetDefault(this)。例如：

Lastname: 的姓"

onfocus="clearDefault(this)"; onblur="resetDefault(this);" />



Firstname: 你的名"

onfocus="clearDefault(this);" onblur="resetDefault(this);" />



个人简介：




本文标签： 文本框 用户 鼠标 表单 采集

版权声明：本文标题：Javascript 控制文本框的默认值 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1709977873a551995.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。