怎么实现文本框默认有字,点击输入后没有字

时间:2026-02-15 17:20:46

1、首先创建一个文本框

<input />

2、设置文本框的默认值为帐号

<input value="帐号" />

3、设置条件,当鼠标点击的时候值为空,当鼠标离开的时候默认值恢复为帐号

  onblur="if(this.value == '')this.value='帐号';" onclick="if(this.value == '帐号')this.value='';"

4、完整代码如下

<input value="帐号"  onblur="if(this.value == '')this.value='帐号';" onclick="if(this.value == '帐号')

this.value='';" />

马上测试一下,是不是默认输入框中显示帐号,当鼠标点击后变没了,鼠标离开后又出现帐号

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com