Label

label 可以用来改进表单组件的可用性，使用 for 属性找到对应组件的 id，或者将组件放在该标签下，当点击时，就会聚焦对应的组件。

for 优先级高于内部组件，内部有多个组件的时候默认触发第一个组件。

目前可以绑定的控件有：<checkbox/> , <radio/> ,<input/>, <textarea/>。扫码体验：

img.jpg

属性名类型描述最低版本
forString绑定组件的 id

Screenshot

label

示例代码

  1. <view class="section">
  2.   <view class="title">Checkbox，label 套 checkbox</view>
  3.     <checkbox-group>
  4.       <view>
  5.         <label>
  6.           <checkbox value="aaa" />
  7.           <text>aaa</text>
  8.         </label>
  9.       </view>
  10.       <view>
  11.         <label>
  12.           <checkbox value="bbb" />
  13.           <text>bbb</text>
  14.         </label>
  15.       </view>
  16.     </checkbox-group>
  17.   </view>
  18. </view>
  20. <view class="section">
  21.   <view class="title">Radio，通过 for 属性关联</view>
  22.     <radio-group>
  23.       <view>
  24.         <radio id="aaa" value="aaa" />
  25.         <label for="aaa">aaa</label>
  26.       </view>
  27.       <view>
  28.         <radio id="bbb" value="bbb" />
  29.         <label for="bbb">bbb</label>
  30.       </view>
  31.     </radio-group>
  32.   </view>
  33. </view>
  35. <view class="section">
  36.   <view class="title">多个 Checkbox 只选中第一个</view>
  37.     <label>
  38.       <checkbox>选中我</checkbox>
  39.       <checkbox>选不中</checkbox>
  40.       <checkbox>选不中</checkbox>
  41.       <checkbox>选不中</checkbox>
  42.       <view>
  43.         <text>Click Me</text>
  44.       </view>
  45.     </label>
  46.   </view>
  47. </view>

原文: https://docs.alipay.com/mini/component/label