編程教程HTML input placeholder 屬性
HTML <input>placeholder屬性
HTML <input> 標(biāo)簽
實(shí)例 1
帶有 placeholder 文本的兩個(gè)輸入字段：
<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>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
placeholder 文本也可以指定顏色。
實(shí)例 2
帶有 placeholder 文本設(shè)置顏色：
<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>
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>
瀏覽器支持
Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 屬性。
注意：Internet Explorer 9 及之前的版本不支持 <input> 標(biāo)簽的 placeholder 屬性。
定義和用法
placeholder 屬性規(guī)定可描述輸入字段預(yù)期值的簡(jiǎn)短的提示信息（比如：一個(gè)樣本值或者預(yù)期格式的短描述）。
該提示會(huì)在用戶輸入值之前顯示在輸入字段中。
注意：placeholder 屬性適用于下面的 input 類(lèi)型：text、search、url、tel、email 和 password。
HTML 4.01 與 HTML5之間的差異
placeholder 屬性是 HTML5 中的新屬性。
語(yǔ)法
<input placeholder="text">
屬性值
| 值 | 描述 |
|---|---|
| text | 規(guī)定可描述輸入字段預(yù)期值的簡(jiǎn)短的提示信息。 |
HTML <input> 標(biāo)簽