H5之前要實現這個功能還要用到JS，H5出來之后新增加了placeholder屬性，有了這個屬性就就能輕松實現這個功能。 定義和用法 placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。 該提示會在輸入字段為空時顯示，並會在字段獲得焦點時消失。 注釋 ...

CSS實現input美化操作默認是為灰色，並且有提示 如下圖 鼠標點擊后文字消失，鼠標移開后文字顯示 給input入下圖添加代碼 style="color:#cccccc; outline:none;"value="用戶名/郵箱/手機號" onfocus ...

使用onfocus事件檢查當前值,如果是默認值,就將value屬性置空.如:<input type="text" value="請輸入內容" onfocus="javascript:if(this.value=='請輸入內容')this.value='';"> ...

; 直接在input中定義onfocus和onblur事件，缺點：鼠標一離開就顯示提示文字,輸入框中用戶 ...

...

在網頁登陸框里的輸入框里常常會看到提示你輸入什么內容的字樣顏色比較淡的，這個就是“文本框點擊時文字消失，失去焦點時文字出現”這個效果；這個效果用個JS就可以完成，這個效果是做網站的人必備的JS代碼；自己會寫JS的寫寫也快，不會寫的就需要代碼收集以作備用，用到的時候就方便多了。 下面就是這個效果 ...

...

html中，placeholder作為input的一個屬性，起到了在輸入框中占位並提示的作用。 但是有一些瀏覽器，如chrome，當鼠標點擊輸入框時，placeholder的值不消失，只有輸入數據才消失，會使前端用戶體驗大打折扣。 看了很多大神的方法，寫了長長的js，看着有點吃力，就想到了下面 ...