前端笔记-label标签的for属性

这个属性最直观的效果是点击Label后,会聚焦到for指定的地方:

如上,点击姓名,就会聚焦到姓名后面的输入框里面。

源码如下:

<html>
<head>
<title>Label测试</title>
</head>

<body>

<form>
	<label for="male">Male</label>
	<input type="radio" name="sex" id="male" />
	<br/>
	<label for="female">Female</label>
	<input type="radio" name="sex" id="female" />
</form>

<form>
	<label for="userName">姓名</label>
	<input type="text" name="userName" id="userName" />
	<br/>
	<label for="psd">密码</label>
	<input type="password" name="psd" id="psd" />
</form>

</body>

</html>
发布了1286 篇原创文章 · 获赞 1975 · 访问量 180万+

猜你喜欢

转载自blog.csdn.net/qq78442761/article/details/104574966