<input type="text" placeholder="輸入郵箱賬號(hào)">
如果希望點(diǎn)擊input(type=text)元素之后剩失,placeholder消失有2種方法:
1.js方法
使用focus和 blur事件
<input type="text" placeholder="輸入郵箱賬號(hào)" onfocus=" this.placeholder='' " onblur=" this.placeholder='輸入郵箱賬號(hào)' ">
2.使用css3偽類
通過(guò) ::placeholder
和 :focus
偽類來(lái)處理,注意添加前綴
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+