文本输入

当您想添加一个单行文本框以供体验用户输入文本数据时，会用到“文本输入”小组件。例如，如果您希望维修技师在开始执行服务维护之前输入发电机的油位，则“文本输入”小组件将是您的最佳选择。

属性

JavaScript

类型

说明

对齐

textalign

string

选择下列项之一：

• 靠左

• 居中

• 靠右

类型

inputType

string

选择下列项之一：

• 文本—允许输入任何自由形式的文本。

• 数字—可用于指定其他小组件上的数值属性，或用作 ThingWorx 实体上的 ThingWorx 服务的参数值。

选择“数字”时，将启用“最小值”、“最大值”和“步骤”字段。

标签位置

type

string

选择下列项之一：

• 占位符—只包含一个占位符属性的文本框。标签的设置将被完全忽略。

• 行内标签—标签显示在左侧，文本输入显示在其右侧。

• 堆叠标签—标签显示在上方，文本输入显示在其下方。

• 浮动标签—标签显示在上方，文本输入显示在其下方。

最大值

maxValue

number

可接受的最大值。

最小值

minValue

number

可接受的最小值。

步长

stepValue

number

指定每次使用按钮增加或减少的增量。

使用时的必要步骤

显示效果

1. 将“文字输入”小组件拖放到工作区。

2. 如果您想要针对在文本区域中输入哪些内容向用户提供一些说明，则可在“占位符”字段中输入占位符文本。在本示例中，我们为“标签位置”属性选择了“行内标签”选项，所以我们可以预定义希望用户在标签右侧输入哪些值。然后，我们在“占位符”字段中指定的占位符文本将显示在 Oil Level 标签的右侧。