uni-app 内置组件:Label

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 官方文档

相关推荐
叫我阿柒啊6 小时前
Java全栈开发面试实战:从基础到微服务架构
java·vue.js·spring boot·redis·git·full stack·interview
nyf_unknown10 小时前
(vue)将dify和ragflow页面嵌入到vue3项目
前端·javascript·vue.js
前端赵哈哈12 小时前
Vite 图片压缩的 4 种有效方法
前端·vue.js·vite
风中凌乱的L12 小时前
vue 一键打包上传
前端·javascript·vue.js
GHOME12 小时前
Vue2与Vue3响应式原理对比
前端·vue.js·面试
lumi.13 小时前
2.3零基础玩转uni-app轮播图:从入门到精通 (咸虾米总结)
java·开发语言·前端·vue.js·微信小程序·uni-app·vue
小蒜学长15 小时前
vue家教预约平台设计与实现(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端
chxii18 小时前
6.3Element UI 的表单
javascript·vue.js·elementui
张努力18 小时前
从零开始的开发一个vite插件:一个程序员的"意外"之旅 🚀
前端·vue.js
chxii18 小时前
6.4 Element UI 中的 <el-table> 表格组件
vue.js·ui·elementui