网站建设资讯

NEWS

网站建设资讯

htmllabel标签的for属性有哪些作用

这篇文章主要介绍了html label标签的for属性有哪些作用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联建站,是成都地区的互联网解决方案提供商,用心服务为企业提供网站建设、app软件开发公司、微信平台小程序开发、系统按需网站开发和微信代运营服务。经过数十余年的沉淀与积累,沉淀的是技术和服务,让客户少走弯路,踏实做事,诚实做人,用情服务,致力做一个负责任、受尊敬的企业。对客户负责,就是对自己负责,对企业负责。

首先我们看看关于label标签的for属性介绍:

for属性规定label与哪个表单元素绑定

label和表单控件绑定方式又两种:

1.将表单控件作为label的内容,这样就是隐士绑定。

此时不需要for属性,绑定的控件也不需要id属性。

隐式绑定:

2.为

显式绑定:


为什么要给

如果在label元素内点击文本,就会触发此控件。就是说,当用户渲染该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

还有关于html label标签的for属性作用:

label标签的for属性的效果就是,鼠标点击“女”实现radio选中的效果,主要

归功于for=nv 而且必须要求input文本框的id也等于nv,男这个radio作对比,没有这个效果

代码在浏览器中显示的效果如图:

html label标签的for属性有哪些作用

图中是个可以多选的选框。大家都可以用着实验实验。

来看个html label标签的for属性实例

拥有两个带有标签的单选按钮的表单:

感谢你能够认真阅读完这篇文章,希望小编分享html label标签的for属性有哪些作用内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


当前题目:htmllabel标签的for属性有哪些作用
当前URL:http://cdweb.net/article/pgojss.html