HTML placeholder 属性

定义和用法

占位符属性指定一个简短的提示，描述输入字段/文本区域的预期值。

在用户输入值之前，会在字段中显示简短提示。

适用于

占位符属性可用于以下元素：

元素	属性
<input>	placeholder
<textarea>	placeholder

实例

Input 实例

两个带有占位符文本的输入字段：

<form action="/action_page.php">
<label for="电话">输入电话号码:</label><br><br>
<input type="tel" id="电话" name="电话" 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>

亲自试一试 »