欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

两种方法实现文本框输入内容提示消失_javascript技巧

程序员文章站 2022-04-25 12:33:56
...
第一种方法
基于HTML5 input标签的新特性 - placeholder 。另外,x-webkit-speech 属性可以实现语音输入功能。
复制代码 代码如下:




第二种方法
用span模拟,定位span,借助JS键盘事件判断输入,确定span里的内容显示隐藏。
复制代码 代码如下:





无标题文档






聚焦型提示语消失






输入型提示语消失