收藏
回答

微信小程序中的label标签有必要使用label标签吗?很疑惑!

搜了很多人写的文章,发现用这个radio标签时,他们基本上都在其外面再包裹一层label标签,说是为了实现点击文字即可单选选中所以用这个label标签,代码如下:

 

但是经测试发现,在做微信小程序开发时,即使不用label标签,也能实现点击文字单选选中(这本就是微信小程序框架radio组件自带的功能吧),代码如下:

 

那么问题来了,在微信小程序开发中使用radio标签时,没必要模仿html开发那样再裹一层label标签吧?因为微信小程序中的radio标签就自带了点击文字即可选中的功能?为啥很多人在做微信小程序开发时使用使用radio标签时还要在外面包裹一层label标签呢?从html转过来的教条主义?

很疑惑了,期待大神解答,到底有没有必要用这个label,感谢!

还有一个问题:

微信小程序中的radio标签,在微信开发者工具中敲出来的是<radio></radio>(这个是官方开发工具自动提示写出来的,说明radio标签中间可以自带文字,把选项文字写在中间即可),但是很多人贴的代码中是<radio /> (这个应该是html习惯写过来的,不能自带文字,为了写选项文字还在其后面写一个label或者text啥的),在微信小程序开发中,这两种写法到底哪个是对的(如果是前者,那就省劲了)?是不是微信小程序框架中的radio标签和html中的radio标签有区别?


回答关注问题邀请回答
收藏

2 个回答

  • 特别的你·
    特别的你·
    2022-08-29

    radio组件没试过,check-group组件label很有用

    2022-08-29
    有用
    回复
  • Cjiang
    Cjiang
    2022-01-12

    可以参考下文档

    https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/radio

    2022-01-12
    有用
    回复 7
    • 中峰
      中峰
      发表于移动端
      2022-01-12
      不一样,我研究的是微信小程序中的radio组件(觉得没必要再套用一层label标签),而不是HTML中的input,不知道在微信小程序中怎么写radio的代码才是最规范的?
      2022-01-12
      回复
    • Cjiang
      Cjiang
      2022-01-12回复中峰
      测试下真机是否有问题
      2022-01-12
      回复
    • Cjiang
      Cjiang
      2022-01-12回复中峰
      可以参考下label的文档
      https://developers.weixin.qq.com/miniprogram/dev/component/label.html
      2022-01-12
      回复
    • 中峰
      中峰
      2022-01-12回复Cjiang
      真机没问题(不套label标签,点击选项文字依然可以单选选中)
      2022-01-12
      1
      回复
    • 中峰
      中峰
      2022-01-12回复Cjiang
      看了,但依然没有解决我的疑惑!就是在微信小程序中,使用radio组件时,到底需要不需要在radio组件外面再套一层label标签?
      经测试发现,其实可以不用在radio外面套label标签。也就是说在用redio组件时没必要再用label吧?
      2022-01-12
      1
      回复
    查看更多(2)
登录 后发表内容