首页 > 其他分享 >label的for属性

label的for属性

时间:2024-04-11 10:24:20浏览次数:35  
标签:控件 绑定 表单 input label 属性

一、使用介绍

<label>专为input元素服务,为其定义标记。
for属性规定label与哪个表单元素绑定
label和表单控件绑定方式又两种:
1、将表单控件作为label的内容,这样就是隐士绑定。
此时不需要for属性,绑定的控件也不需要id属性。

1 2 隐式绑定: <label>Date of Birth: <input type="text" name="DofB" /></label>

2、为<label>标签下的for属性命名一个目标表单的id,这就是显示绑定。

1 2 3 显式绑定: <label for="SSN">Social Security Number:</label> <input type="text" name="SocSecNum" id="SSN" />

二、为什么要给<label>加上for属性

给<label>加了for属性绑定了input控件后,可以提高鼠标用户的用户体验。
如果在label元素内点击文本,就会触发此控件。就是说,当用户渲染该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

html5给<label>新增了一个form属性来规定label所属的一个或多个表单,多个表单用空格分隔。还没真正用过,用到补充。

via:http://www.cnblogs.com/starof/p/4545525.html

标签:控件,绑定,表单,input,label,属性
From: https://www.cnblogs.com/lvjinlin/p/18128227

相关文章

  • 2024-04-11 记录日常业务之遍历对象并删除不符合条件的属性
    为什么要记录,因为很少遇到这种奇葩的需求,后端要我不要返回对象中所有值为-1的字段,我就纳了闷了,你就不能自己处理吗??好了,不吐槽了,主要是较少去处理遍历对象的操作(历来都是遍历数组),所以在这里做个记录:letparams={ a:10, b:6, c:-1, d:11, e:19, f:-1,......
  • xshell常用命令 以及文件属性类型
      xshell常用命令1tree/home/树状形式显示yuminstalltree2cat:查看文本内容cat>>test2.txt<<EOF>ads>adf>EOF3less,more:文本查看,分页less/etc/services4head-n1/etc/services:查看该文件第一行5psaux|head-n5:查看前5......
  • power shell命令提供了对离线Windows映像进行管理和操作的功能,包括挂载、卸载、修改属
    以下是一些用于管理离线映像的PowerShell命令:Mount-WindowsImage:用于将Windows映像文件挂载到指定的目录以进行修改。powershellCopyCodeMount-WindowsImage-ImagePath"C:\path\to\image.wim"-Path"C:\path\to\mount"-Index1Dismount-WindowsImage:用于卸载之前......
  • 基于软件质量属性的高性能网站建设策略研究
    基于软件质量属性的高性能网站建设策略研究常金洋(石家庄铁道大学   软件工程学院   河北省  石家庄   050300)摘要:随着互联网技术的迅猛发展和网络流量的不断增长,网站作为企业和个人展示形象、传递信息、开展业务的重要平台,其性能优劣直接关系到用户体验和业务效率。......
  • 1688商品详情跨境属性数据接口(1688.item_get_specifications)
    1688商品详情跨境属性数据接口(1688.item_get_specifications)是一个专为跨境电商商家设计的API,它允许商家获取商品的国际贸易相关属性。这些属性对于跨境电商至关重要,因为它们帮助商家遵守不同国家和地区的法律法规,确保商品的顺利报关和交易。具体来说,这个接口的应用主要体现在......
  • HTML标签属性
    1.用于给标签提供附加信息2.可以写在起始标签或者单标签中,形式如下: (1)例如:<marqueeloop="2"bgcolor="red"><!--marquee是滚动标签-->你旭哥<!--下面输入框是可以滚动的,且只能滚动两次--><inputtype="text"></marquee>......
  • Java 动态代理给对象插入动态属性
    packagecom.gwm.gwmcenterbudget.projectbudget.client.api.dto;importcom.google.common.collect.Maps;importnet.sf.cglib.beans.BeanGenerator;importnet.sf.cglib.beans.BeanMap;importorg.apache.commons.beanutils.PropertyUtilsBean;importorg.slf4j.Logge......
  • HTML重要标签重点及属性——之转生在异世界学前端
    表格标签table是用于定义表格的标签tr是用于定义表格的行td是用来定义表格的列,th是表头一般只有一个表头会加粗表格属性border是设置边框值为1;1是有边框,align设置居中对齐方式center,left,rightcellpadding设置文字跟单元格的间隔cellspacing设置单元格直接的间隔  ......
  • MyBatis中如果某个查询不希望使用缓存,可以在映射文件中的select语句上设置flushCache=
    <selectid="xmlGetGuaranteeCount"databaseId="sqlserver"resultType="Integer"flushCache="true"><![CDATA[SELECTcount(appisparea.ID)FROMT_APP_ISP_ARE......
  • 基于canvas 或 svg绘制并生成base64 用于cesium billboard 渲染 替代label
    原因cesium的label样式不太好修改canvas生成functionlabelContent(showData){constmyConvas=document.createElement("canvas");constscale=1;//获取2d的上线文开始设置相关属性myConvas.width=150myConvas.height=65;letcont......