gtxyzz

HTML < input > placeholder 属性,输入框内有默认值,例如,姓名,不支持特殊字符等

gtxyzz web技术 2022-07-17 1210浏览 0

HTML <input> placeholder 属性

HTML <input> 标签

实例 1

带有 placeholder 文本的两个输入字段:

<form action="demo-form.php">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="提交">
</form>

实例 2

带有 placeholder 文本设置颜色:

<form action="demo-form.php">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="提交">
</form>

定义和用法

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。

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

注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

HTML 4.01 与 HTML5之间的差异

placeholder 属性是 HTML5 中的新属性。

语法


<input placeholder="text">

属性值

描述
text规定可描述输入字段预期值的简短的提示信息。


继续浏览有关 html 的文章
发表评论