文本输入框组件让用户可以输入文字,输入的文字可以被其它组件引用。
标签文字
文本输入组件允许你设置一个标签文字用于提示用户输入框的作用。比如,如果希望用户输入她的姓名,则可以将标签文字设为"姓名“。
在选中文本输入框后,在左边的设置中设置标签文字即可。标签文字的属性名为 labelText
默认输入
你可以为文本输入框指定一个默认输入,当用户未输入文字时,文本输入框中会使用默认值。
占位符
占位符用于提示用户输入的内容,它会在文本框中以浅色形式出现用于提示用户
value 属性
每个文本输入框中都有一个 value
属性,这个属性即为用户输入的文本。当其它组件需要获取文本输入的值时,常常会需要引用这个属性。
我们用一个简单的例子来说明如何使用 value
。
假设现在我们有一个文本输入框,它允许用户输入文本。只有当用户输入的值为 天王盖地虎
时,我们才展示对应的暗号 宝塔镇河妖
。
那么首先我们将一个文本显示组件和一个文本输入框拖入画布。接下来,我们只需要在文本显示组件 text1
的显示值属性中,将其设为
{{
textInput1.value === "天王盖地虎" ? "宝塔镇河妖": "你不是接头人"
}}
即可。注意这里的 ?...:...
语法为 JavaScript 中的三目运算符,与其它语言中的类似。在这个三目运算中,我们检查文本框中的输入是不是我们想要的文本,如果是的话则返回对应的暗号。那么现在,只有用户在 textInput1 中输入的文本为 天王盖地虎
时,才会显示对应的“宝塔镇河妖”口令。
总结来说,任何需要得知 textInput
文本输入框中用户输入值的地方,引用对应的 value
属性即可。