亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使HTML文本框為空時顯示提示?

如何使HTML文本框為空時顯示提示?

我希望網頁上的搜索框以灰色斜體顯示單詞“搜索”。當框獲得焦點時,它應該看起來像一個空的文本框。如果其中已經有文本,則應正常顯示文本(黑色,非斜體)。這將幫助我通過除去標簽來避免混亂。順便說一句,這是頁面上的Ajax搜索,因此沒有按鈕。
查看完整描述

3 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

如果您很高興只對較新的瀏覽器擁有此功能,那么另一個選擇是使用HTML 5的placeholder屬性提供的支持:


<input name="email" placeholder="Email Address">

在沒有任何樣式的情況下,Chrome中的外觀如下:


http://img1.sycdn.imooc.com//5dc129950001f2a001960041.jpg

您可以在此處以及使用CSS的HTML5占位符樣式中進行演示。


確保檢查此功能的瀏覽器兼容性。3.7中添加了對Firefox的支持。鉻很好。Internet Explorer僅在10中添加了支持。如果定位的瀏覽器不支持輸入占位符,則可以使用稱為jQuery HTML5 Placeholder的jQuery插件,然后只需添加以下JavaScript代碼即可啟用它。


$('input[placeholder], textarea[placeholder]').placeholder();


查看完整回答
反對 回復 2019-11-05
  • 3 回答
  • 0 關注
  • 2568 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號