为了账号安全,请及时绑定邮箱和手机立即绑定

使用单选框、复选框,让用户选择

使用单选框、复选框,让用户选择案例中的“”性别:“”  为什么放在<label>。。。</label> 中 而文本输入框、密码输入框的文字只要直接打上去就可以?

正在回答

6 回答

放label是为了可以让用户点击相应文字就可以直接选中

0 回复 有任何疑惑可以回复我~

放label是为了可以让用户点击相应文字就可以直接选中

0 回复 有任何疑惑可以回复我~

个人理解,就是label是类似“标签定位”,点击文本后会触发控件,接着关联到相应的表单上。而input type="text"/"password",就是直接关联表单,直接输入文本。

下面是教程的解释,你可以理解看看:

"label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。"

希望能帮到你!

1 回复 有任何疑惑可以回复我~

<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>

试一下这段代码,然后自己去掉label标签再试试,就知道label的用处啦~

0 回复 有任何疑惑可以回复我~

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。而对于文本输入框和密码输入框来说直接都可以触发控件达到想要的效果。

1 回复 有任何疑惑可以回复我~

type = "text"  本身有这个功能!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

使用单选框、复选框,让用户选择

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信