小程序开发之组件label标签

最新推荐文章于 2024-07-30 14:39:03 发布

M.Siebel

最新推荐文章于 2024-07-30 14:39:03 发布

阅读量3.5k

点赞数

分类专栏： ONE PIECE--小程序文章标签：小程序

本文链接：https://blog.csdn.net/JackJia2015/article/details/86493739

版权

本文介绍了小程序中label标签的用途，强调了它在提高表单组件可用性方面的作用。通过for属性或包含控件来关联label，点击label时会触发对应控件，尤其适用于有多个控件的情况。详细讲解了for属性的优先级以及label与不同表单组件的交互效果。

摘要由CSDN通过智能技术生成

label标签

label标签为 input等元素定义标注（标记）。
用来改进表单组件的可用性，使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。
for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。
目前可以绑定的控件有：<button>, <checkbox>, <radio>, <switch>。
在这里插入图片描述
例如：
for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。
例子中的区别
表单组件在label内：点击点选框或者文字选中
label用for标识表单组件：点选框点击无反应，点击文字才能选中

效果展示

代码
index.wxml

<view class="contentView">
<view class="label_title">表单组件在label内</view>
<checkbox-group class="group" bindchange="checkboxChange">
  <view class="label1" wx