效果： input： textarea: 限100字 源碼： ...

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

...

在input屬性里面加入一段代碼就行 onfocus="this.placeholder=''" onblur="this.placeholder='請輸入您想搜索的內容......'" ...

背景 看了過時的資料，花費大把時間，不過也有收獲，還是寫寫吧！ 分析 有同學可能想到直接在<textarea>標簽內輸入幫助文字，但是這又有一個新問題——因為<textarea>設置了默認內容，如果用戶不點擊輸入框（更改輸入框的文本），而直接提交，就把默認的提示內容 ...

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

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

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