1、在用户注册的时候,常常用户点击文字就需要将光标聚焦到对应的表单上面,这个是怎么实现的呢?就是下面我要
介绍的<label>标签的for属性
定义:for 属性规定 label 与哪个表单元素绑定。
2、下面的例子中, 用户名中的label没有加for,所以在点击“用户名”时,焦点不会落在“用户名”后面的输入框中,相反
密码的label加了for,所以能够使焦点落在这个输入框上。
例如下面的代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form>
<label>用户名:</label>
<input type="text" name="username" id="username" value="" />
<label for="pass">密码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>