html的单选框和复选框

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<!-- 单选框 -->
	<div>性别:
		<label><input type="radio" name="sex" value="男生">男生</label>
		<label><input type="radio" name="sex" value="女生">女生</label>
	</div>
	<!-- 复选框 -->
	<div>
		爱好:
		<label><input type="checkbox" name="like" value="0">音乐</label>
		<label><input type="checkbox" name="like" value="1">旅游</label>
	</div>

</body>
</html>





其中在input标签外面加上lable标签的作用是在点击文字的时候也会选中或者取消,提高用户体验度

©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页