建立帶有清除圖示的輸入文字元素
設計使用者介面時,通常需要為使用者提供清除輸入的方法欄位。 Google 搜尋框透過在輸入元素中放置「X」圖示提供了一個簡單而有效的解決方案。實現此功能似乎具有挑戰性,但存在一個簡單的解決方案。
在輸入文字元素內加入圖示
要建立具有清晰圖示的輸入文字元素,只需在輸入元素中加入「type=」search」屬性即可。這將自動在輸入欄位的右側顯示一個“X”圖示。
範例:
瀏覽器支援
瀏覽器支援瀏覽器支援對該功能的支援總體不錯,但需要注意的是,它可能無法在低於10 的Internet Explorer 版本中運行。以上是如何輕鬆地將清晰的圖示添加到輸入文字元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!