HTML <input> placeholder 屬性

HTML <input> 標簽

定義和用法

placeholder 屬性規定一條簡短的提示，描述輸入字段的期望值（例如，樣例值或對期望格式的簡短描述）。

該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。

注意：placeholder 屬性適用于以下輸入類型：

  • text
  • search
  • url
  • tel
  • email
  • password

實例

包含占位符文本的電話輸入字段：

<form action="/action_page.php">
  <label for="phone">請輸入電話號碼：</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>格式：138-8888-8888</small><br><br>
  <input type="submit">
</form>

親自試一試

語法

<input placeholder="text">

屬性值

值 描述
text 規定描述輸入字段預期值的簡短提示。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

注釋：placeholder 屬性是 HTML5 中的新屬性。

HTML <input> 標簽