<input type="text" placeholder="输入邮箱账号">
如果希望点击input(type=text)元素之后,placeholder消失有2种方法:
1.js方法
使用focus和 blur事件
<input type="text" placeholder="输入邮箱账号" onfocus=" this.placeholder='' " onblur=" this.placeholder='输入邮箱账号' ">
2.使用css3伪类
通过 ::placeholder
和 :focus
伪类来处理,注意添加前缀
input:focus::-webkit-input-placeholder { color: transparent }
input:focus:-moz-placeholder { color: transparent } // FF4-18
input:focus:-moz-placeholder { color: transparent } // FF18+
input:focus:-ms-input-placeholder { color: transparent } // IE10+