label

基础库 1.0.0 开始支持本组件。

标签文本不仅与其相应的文本输入元素在视觉上相关联，程序中也是如此。 这意味着，当用户聚焦到这个表单输入元素时，屏幕阅读器可以读出标签，让使用辅助技术的用户更容易理解应输入什么数据。 你可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素一样。这扩大了元素的可点击区域，让包括使用触屏设备在内的用户更容易激活这个元素。 将一个 <label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。而 <label> 需要一个 for 属性，其值和 <input> 的 id 一样。 另外，你也可以将 <input> 直接放在 <label> 里，此时则不需要 for 和 id 属性，联已隐含存在。

说明摘自 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

代码示例

开发者工具中预览

属性说明

属性名	类型	默认值	必填	说明	最低支持版本
for	string		否	绑定控件的 id	1.0.0

扫码体验

请使用字节宿主APP扫码

Bug & Tip

Tip： 字节小程序目前可以绑定的控件有：<button />, <checkbox />, <radio />, <switch />。