HTML <input> placeholder 屬性

Tanda <input> HTML

定義和用法

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

此提示將在輸入欄位為空時顯示，並在欄位獲得焦點時消失。

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

  • text
  • 搜索
  • 網址
  • 電話
  • 電子郵件
  • 密碼

範例

包含佔位符文本的手機輸入欄位：

<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 中的新属性。

Tanda <input> HTML