文本输入框

文本输入框组件让用户可以输入文字,输入的文字可以被其它组件引用。

标签文字

文本输入组件允许你设置一个标签文字用于提示用户输入框的作用。比如,如果希望用户输入她的姓名,则可以将标签文字设为"姓名“。

在选中文本输入框后,在左边的设置中设置标签文字即可。标签文字的属性名为 labelText

默认输入

你可以为文本输入框指定一个默认输入,当用户未输入文字时,文本输入框中会使用默认值。

占位符

占位符用于提示用户输入的内容,它会在文本框中以浅色形式出现用于提示用户

value 属性

每个文本输入框中都有一个 value 属性,这个属性即为用户输入的文本。当其它组件需要获取文本输入的值时,常常会需要引用这个属性。

我们用一个简单的例子来说明如何使用 value

假设现在我们有一个文本输入框,它允许用户输入文本。只有当用户输入的值为 天王盖地虎 时,我们才展示对应的暗号 宝塔镇河妖

那么首先我们将一个文本显示组件和一个文本输入框拖入画布。接下来,我们只需要在文本显示组件 text1 的显示值属性中,将其设为

{{
  textInput1.value === "天王盖地虎" ? "宝塔镇河妖": "你不是接头人"
}}

即可。注意这里的 ?...:... 语法为 JavaScript 中的三目运算符,与其它语言中的类似。在这个三目运算中,我们检查文本框中的输入是不是我们想要的文本,如果是的话则返回对应的暗号。那么现在,只有用户在 textInput1 中输入的文本为 天王盖地虎 时,才会显示对应的“宝塔镇河妖”口令。

textInput 举例

总结来说,任何需要得知 textInput 文本输入框中用户输入值的地方,引用对应的 value 属性即可。