HTML input placeholder 屬性指定描述輸入字段的期望值的簡短提示（例如，樣本值或期望格式的簡短描述）。在用戶輸入值之前，簡短提示會顯示在input輸入框中。
帶有 placeholder 文本的兩個input文本字段：
<!DOCTYPE html> <html> <head> <title>HTML:<input> placeholder 屬性 - 菜鳥教程(cainiaoplus.com)</title> <body> <form action="action_page.php"> <input type="text" name="fname" placeholder="First name"><br> <input type="text" name="lname" placeholder="Last name"><br> <input type="submit" value="Submit"> </form> </html>測試看看 ?/?
placeholder 文本也可以指定顏色。
帶有 placeholder 文本設(shè)置顏色：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <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> </body> </html>測試看看 ?/?
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
placeholder 指定描述輸入字段的期望值的簡短提示（例如，樣本值或期望格式的簡短描述）。
在用戶輸入值之前，簡短提示會顯示在輸入字段中。
注意：placeholder 屬性適用于下面的 input 類型：text、search、url、tel、email 和 password。
placeholder 屬性是 HTML5 中的新增屬性。
<input placeholder="text">
| 值 | 描述 |
|---|---|
| text | 指定描述輸入字段的預(yù)期值短的提示。 |