實例
帶有 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文本框的提示信息,希望對大家有所幫助,也非常感謝大家對腳本之家網站的支持!