HTML <input> placeholder 屬性
實例 1
帶有 placeholder 文本的兩個輸入字段：
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
placeholder 文本也可以指定顏色。
實例 2
帶有 placeholder 文本設置顏色：
<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
定義和用法
placeholder 屬性規定可描述輸入字段預期值的簡短的提示資訊（比如：一個樣本值或者預期格式的短描述）。
該提示會在用戶輸入值之前顯示在輸入字段中。
注意：placeholder 屬性適用於下麵的 input 類型：text、search、url、tel、email 和 password。
HTML 4.01 與 HTML5之間的差異
placeholder 屬性是 HTML5 中的新屬性。
語法
<input placeholder="text">
屬性值
| 值 | 描述 |
|---|---|
| text | 規定可描述輸入字段預期值的簡短的提示資訊。 |
HTML <input> 標籤