您的位置：首页 > 其它

lable for的属性的意义

2016-04-18 19:04 302 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航