HTML <input> placeholder 屬性
示例
帶佔位符文字的電話輸入欄位
<form action="/action_page.php">
<label for="phone">請輸入電話號碼：</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>格式：123-45-678</small><br><br>
<input type="submit">
</form>
自己動手試一試 »
定義和用法
<code class="w3-codespan">placeholder</code> 屬性指定一個簡短提示，用於描述輸入欄位的預期值（例如，示例值或預期格式的簡短描述）。
這個簡短提示會在使用者輸入值之前顯示在輸入欄位中。
注意：<code class="w3-codespan">placeholder</code> 屬性適用於以下輸入型別：text、search、url、number、tel、email 和 password。
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| placeholder | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
語法
<input placeholder="文字">
屬性值
| 值 | 描述 |
|---|---|
| text | 指定一個簡短提示，用於描述輸入欄位的預期值 |
❮ HTML <input> 標籤
