HTML input placeholder 屬性指定描述輸入字段的期望值的簡(jiǎn)短提示(例如,樣本值或期望格式的簡(jiǎn)短描述)。在用戶(hù)輸入值之前,簡(jiǎn)短提示會(huì)顯示在input輸入框中。
帶有 placeholder 文本的兩個(gè)input文本字段:
<!DOCTYPE html> <html> <head> <title>HTML:<input> placeholder 屬性 - 菜鳥(niǎo)教程(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>測(cè)試看看 ?/?
placeholder 文本也可以指定顏色。
帶有 placeholder 文本設(shè)置顏色:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥(niǎo)教程(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>測(cè)試看看 ?/?
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
屬性 | |||||
---|---|---|---|---|---|
placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
placeholder 指定描述輸入字段的期望值的簡(jiǎn)短提示(例如,樣本值或期望格式的簡(jiǎn)短描述)。
在用戶(hù)輸入值之前,簡(jiǎn)短提示會(huì)顯示在輸入字段中。
注意:placeholder 屬性適用于下面的 input 類(lèi)型:text、search、url、tel、email 和 password。
placeholder 屬性是 HTML5 中的新增屬性。
<input placeholder="text">
值 | 描述 |
---|---|
text | 指定描述輸入字段的預(yù)期值短的提示。 |