input搜索框获取焦点时，placeholder消失

一、默认

二、内容会消失

 

 

 

三、解析

　　上代码：

 1         <p>点击输入框 placeholder内容还会显示</p>
 2         <input type="text" placeholder="成功标准类型名称" />
 3         <br> <!-- 换行显示，无其他功能 -->
 4         <br> <!-- 换行显示，无其他功能 -->
 5         <hr> <!-- 分割线 -->
 6         <p>点击输入框 placeholder内容不会显示，失去焦点时内容又重新出现</p>
 7         <input type="text" placeholder="成功标准类型名称" onfocus="this.placeholder=''" onblur="this.placeholder='成功标准类型名称'"/>
 8         <!-- 
 9             解析：
10             onfocus="this.placeholder=''"  焦点事件把当前的placeholder内容设为空
11             onblur="this.placeholder='成功标准类型名称'"   失去焦点事件把当前的placeholder内容设为原来的内容
12          -->

 

posted @ 2020-08-08 17:31  Amerys  阅读(910)  评论(0)    收藏  举报