点评：想必大家一对HTML5的自动聚焦与占位文本有所了解了吧，要使用HTML5的自动聚焦功能，只需要在表单域中添加autofocus属性即可，首先看下面要使用HTML自动聚焦和占位文本的示例代码，感兴趣的朋友 可以了解下哈
首先看下面要使用HTML自动聚焦和占位文本的示例代码
复制代码
代码如下:
<!DOCTYPE html> 2: <html>
<head>
<title>注册帐号</title>
<meta charset="utf-8">
</head>
<body>
<form method="post" action="goto">
<fieldset>
<legend>新用户注册</legend>
<ol>
<li>
<label for="name">邮 箱</label>
<input type="email">
</li>
<li>
<label for="user"> 用户名</label>
<input type="text">
</li>
<li>
<label for="nickname"> 显示名称</label>
<input type="text">
</li>
<li>
<label for="password">密码</label>
<input type="password">
</li>
<li>
<label for="confirm_password">确认密码</label>
<input type="password">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
复制代码
代码如下:
<li>
<label for="name">邮 箱</label>
<input type="email" autofocus>
</li>
复制代码
代码如下:
<ol>
<li>
<label for="name">邮 箱</label>
<input type="email" autofocus placeholder="请输入有效的邮件地址">
</li>
<li>
<label for="user"> 用户名</label>
<input type="text" placeholder="输入用户名">
</li>
<li>
<label for="nickname"> 显示名称</label>
<input type="text" placeholder="输入昵称">
</li>
<li>
<label for="password">密码</label>
<input type="password" placeholder="输入密码">
</li>
<li>
<label for="confirm_password">确认密码</label>
<input type="password" placeholder="再次输入密码">
</li>
</ol>
复制代码
代码如下:
<input type="password" autocomplete="off" placeholder="输入密码">
新闻热点
疑难解答
