Javascript 控制文本框的默认值

Javascript 控制文本框的默认值


2024年5月4日发(作者:)

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);" />



个人简介:




发布者:admin,转转请注明出处:http://www.yc00.com/news/1714796907a2517558.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信