• label 表单组件标签
  • 属性说明
  • 示例
    • 代码示例 1：label 用 for 标识表单组件
    • 代码示例 2：表单组件在 label 内
    • 代码示例 3：label 内有多个选项时，选中第一个
    • 代码示例 4：label 可控制热区

label 表单组件标签

解释：表单组件标签，用来改进表单的可用性。使用 for 属性找到对应的 ID（必须写 for），当点击时，就会触发对应的控件。for 优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。目前可以绑定的控件有：、、、。

成都创新互联公司专注于企业成都营销网站建设、网站重做改版、遂平网站定制设计、自适应品牌网站建设、HTML5、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为遂平等各大城市提供网站开发制作服务。

属性说明

属性名	类型	默认值	必填	说明
for	String		否	绑定控件的 ID

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：label 用 for 标识表单组件

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 label用for标识表单组件
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 {{item.value}}
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代码示例 2：表单组件在 label 内

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 表单组件在label内
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 {{item.value}}
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代码示例 3：label 内有多个选项时，选中第一个

• SWAN

 
 
 

  
  
  
  
  
  
 
  
  
  
 label内有多个选项时，选中第一个
  
  
  
  
  
  
  
 
  
  
  
 选项一
  
  
  
 
  
  
  
  
  
  
  
 选项二
  
  
  
  
  
  
  
  
  
  
  
 选项三 
  
  
  
 
  
  
  
 
  
  
  
 点击选中第一项
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

代码示例 4：label 可控制热区

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• CSS

 
 
 

  
  
  
  
  
  
 
  
  
  
 控制热区为整行
  
  
  
 
  
  
  
 
  
  
  
 智能小程序
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 智能小程序
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 智能小程序
  
  
  
  
  
  
  
 
  
  
  
 
 
 

本文名称：创新互联百度小程序教程：label表单组件标签
转载来源：http://www.cxhlcq.cn/article/cdgppho.html