uni-app 内置组件：Label

有问题请咨询gpt2023-11-14 7:01

Label 组件通常用于改进表单组件的可用性，使用户点击标签时，也可以对表单组件进行操作，增加了触摸区域。

API

Label 是一个用来改善用户体验的辅助性组件，通常用于扩大点击区域。

属性

Label 组件的主要属性如下：

for：用于绑定控件的 id，当该控件被点击或标记时，与该 label 对应的 form 类型的控件会获得焦点。
class：为label自定义样式类。

示例

HTML 部分：

html 复制代码

<view class="form-item">
  <label for="username" class="form-label">用户名：</label>
  <input id="username" type="text" class="form-input" />
</view>

<view class="form-item">
  <label for="password" class="form-label">密码：</label>
  <input id="password" type="password" class="form-input" />
</view>

在这个例子中，点击 用户名： 或 密码： 文本都将使对应的 input 控件获得焦点。

更详细的内容请参考最新的 uni-app 官方文档。