label标签的作用:和指定表单中的指定元素产生关联

可以为指定form表单中的任意元素增加一个click事件:

重要属性

  • for
  • form
栗子1:
<form action="demo_form.php" id="form1">
	<input type="submit" id="btn" value="提交">
</form>
form:指定要产生关联的表单的id
for:指定要产生关联的元素的id
效果:点击label标签也可以触发提交按钮
<label for="btn" form="form1">Male</label>

栗子2:
在同一个表单内可以省略form
<form action="demo_form.php" id="form1">
  <label for="btn">Male</label>	
  <input type="submit" id="btn" value="提交">
</form>

label默认不可以设置高度宽度,但可以在设置display: inline-block;之后设置宽高

posted on 2022-01-28 22:56  In-6026  阅读(104)  评论(0)    收藏  举报

导航