溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“如何通過placeholder屬性設置input文本框提示信息”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
實例
帶有 placeholder 文本的搜索字段：
<form action="demo_form.asp" method="get">
<input type="search" name="user_search" placeholder="Search W3School" />
<input type="submit" />
</form>定義和用法
placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。
該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。
下面看下使用placeholder屬性設置input文本框的提示信息
input文本框中設置提示信息,可以使用placeholder屬性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" placeholder="請輸入用戶名"value="" />
</body>
</html>
結果就是這樣,有當文本框內容為空時就顯示提示信息,當輸入內容時提示內容就消失了
placeholder和value屬性的區別是,value屬性設置的直接是文本框中的內容
“如何通過placeholder屬性設置input文本框提示信息”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
