JavaScript搜索框显示隐藏文字

2024-11-01 01:08:36

1、在html中写一个input标签

JavaScript搜索框显示隐藏文字

2、给文本框写一些对应的css样式

JavaScript搜索框显示隐藏文字

3、当鼠标点击文本框时,文本框清空并且颜色为黑色

JavaScript搜索框显示隐藏文字

4、当失去焦点时文本框显示文字并且颜色变浅

JavaScript搜索框显示隐藏文字

5、打开浏览器查看效果

JavaScript搜索框显示隐藏文字

6、总结:显示隐藏文本框内容对获得失去焦点两个事件进行设置即可

JavaScript搜索框显示隐藏文字
猜你喜欢