HTML placeholder 屬性
定義和用法
placeholder
屬性指定一個簡短的提示,用於描述輸入欄位或 textarea 的預期值。
在使用者輸入值之前,簡短提示會顯示在欄位中。
適用範圍
placeholder
屬性可用於以下元素:
元素 | Attribute |
---|---|
<input> | placeholder |
<textarea> | placeholder |
示例
Input 示例
兩個帶佔位符文字的輸入欄位
<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>
自己動手試一試 »
瀏覽器支援
placeholder
屬性對於每個元素都有以下瀏覽器支援:
元素 | |||||
---|---|---|---|---|---|
input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
textarea | 是 | 10.0 | 4.0 | 5.0 | 11.5 |