使用 JavaScript 实现输入框聚焦时隐藏默认提示文字
本文介绍如何利用 JavaScript 的 onfocus 和 onblur 事件,在用户点击输入框时自动隐藏初始提示文字,并在失去焦点且内容为空时重新显示。通过具体的 HTML 和 JS 代码示例,展示了 Email 和密码输入框的实现细节,适用于提升表单用户体验。
输入框默认值隐藏实现示例
<div>
<label for="email">Email</label>
<input name="email" type="text" id="email" style="width:134px;" onfocus="if(this.value=='Input your email')this.value='';" onblur="if(this.value=='')this.value='Input your email';" value="Input your email" />
<label for="pwd">Password</label>
<input name="pwd" type="password" id="pwd" style="width:132px;" onfocus="if(this.value=='inputpass')this.value='';" onblur="if(this.value=='')this.value='inputpass';" value="inputpass" />
</div>
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
