input點擊后placeholder中的提示消息消失,而不是輸入文字的時候消失
在input屬性里面加入一段代碼就行 onfocus="this.placeholder=''" onblur="this.placeholder='請輸入您想搜索的內容......'" ...
原文：HTML 5 placeholder 屬性 實現搜索框提示文字點擊輸入后消失
H 之前要實現這個功能還要用到JS，H 出來之后新增加了placeholder屬性，有了這個屬性就就能輕松實現這個功能。 定義和用法 placeholder 屬性提供可描述輸入字段預期值的提示信息 hint 。 該提示會在輸入字段為空時顯示，並會在字段獲得焦點時消失。 注釋：placeholder 屬性適用於以下的 lt input gt 類型：text, search, url, telepho ...
2017-05-22 16:50 0 8541 推薦指數：
相關推薦
用JS來實現輸入框提示文字點擊時消失
在網頁登陸框里的輸入框里常常會看到提示你輸入什么內容的字樣顏色比較淡的，這個就是“文本框點擊時文字消失，失去焦點時文字出現”這個效果；這個效果用個JS就可以完成，這個效果是做網站的人必備的JS代碼；自己會寫JS的寫寫也快，不會寫的就需要代碼收集以作備用，用到的時候就方便多了。 下面就是這個效果實現 ...
html中input文本框，初始里邊有文字提示，當點擊時，文字消失，怎么設置？
使用onfocus事件檢查當前值,如果是默認值,就將value屬性置空.如:<input type="text" value="請輸入內容" onfocus="javascript:if(this.value=='請輸入內容')this.value='';"> ...
CSS實現input默認文字灰色有提示文字點擊后消失鼠標移開顯示
CSS實現input美化操作默認是為灰色，並且有提示 如下圖 鼠標點擊后文字消失，鼠標移開后文字顯示 給input入下圖添加代碼 style="color:#cccccc; outline:none;"value="用戶名/郵箱/手機號" onfocus ...
input輸入框默認文字，點擊消失
; 直接在input中定義onfocus和onblur事件，缺點：鼠標一離開就顯示提示文字,輸入框中用戶 ...
input框placeholder文字顏色以及實現透明輸入框
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909 ...
解決默寫瀏覽器中點擊input輸入框時，placeholder的值不消失的方法
html中，placeholder作為input的一個屬性，起到了在輸入框中占位並提示的作用。 但是有一些瀏覽器，如chrome，當鼠標點擊輸入框時，placeholder的值不消失，只有輸入數據才消失，會使前端用戶體驗大打折扣。 看了很多大神的方法，寫了長長的js，看着有點吃力，就想到了下面 ...
jQuery, 文本框獲得焦點后, placeholder提示文字消失
文本框獲得焦點后, 提示文字消失, 基於jQuery, 兼容性: html5 ...