组件/表单组件引入于 1.3.0

ELabel 关联标签

import EUI 1.0

示例与代码

点击标签聚焦

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("账户") } EInput { id: field width: 300 } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

已有内容

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("账户") } EInput { id: field width: 300 text: "EUI" } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

密码字段

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("账户") } EInput { id: field width: 300 showPassword: true } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

禁用关联字段

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("账户") } EInput { id: field width: 300 enabled: false } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

清空后继续输入

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 12 ELabel { target: field text: qsTr("账户") } EInput { id: field width: 300 clearable: true text: qsTr("账户") } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

typestring

导航标记的显示样式。

"default" / "underline"

默认值""

lineClampint

显示行数上限；0 表示不限制。

0：不限制
正整数：最多显示行数

默认值0

truncatedbool

宽度不足时省略文本。

默认值false

sizeint

应用内控件默认尺寸，传给 EConfigProvider。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值EStyle.Medium

targetItem

关联的目标控件。

默认值null

信号

签名作用

activated()

激活标签时触发，可用于将焦点移至关联输入控件。

方法

签名作用

activate()

激活标签及其关联控件。