Hmtl5 中placeholder属性(新属性)

时间:2023-03-08 22:40:54
Hmtl5 <input>中placeholder属性(新属性)

Hmtl5 <input>中placeholder属性(新属性)

一、定义和用法

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

注意:placeholder 属性是 HTML5 中的新属性。

二、示例

代码:

<form class="form-horizontal">
<div class="control-group">
<label class="control-label" contenteditable="true" for="inputUser">用户</label>
<div class="controls">
<input id="inputUser" placeholder="User" type="text" />
</div>
</div>
<div class="control-group">
<label class="control-label" contenteditable="true" for="inputPassword">密码</label>
<div class="controls">
<input id="inputPassword" placeholder="Password" type="password" />
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox" contenteditable="true">
<input type="checkbox" /> Remember me </label>
<button class="btn" contenteditable="true" type="submit">登陆</button>
</div>
</div>
</form>

效果:

Hmtl5 <input>中placeholder属性(新属性)