Skip to content

Label 标签

表单标签组件,for 指向目标控件 id,点击代理聚焦目标控件;支持必填星号与星号位置。

基本用法

基础标签

姓名

必填星号

required 追加 * 标记;position 控制星号位于文本前(before)或后(after,默认)。

必填星号

邮箱

星号前置

手机号

纯文本标签

不设置 for 时仅渲染文本,点击无焦点代理;长文本自动换行不溢出。

纯文本与长文本

无 for 的纯文本标签这是一段特别长的标签文案,用于演示长文本自动换行不溢出容器边界的效果,请保持耐心阅读。

API

属性

属性说明类型默认值
for目标控件 id,点击代理 getElementById(for).focus()string
position星号相对文本的位置stringafter
required追加必填 * 标记(aria-hiddenboolean

插槽

名称说明
默认

说明:for 同时同步到原生 <label>for 属性;点击行为为手动代理,可跨 Shadow DOM 聚焦目标控件。