textInput(id, text) 创建文本输入框

功能分类： UI Controls Applab JavaScript 少儿编程

在默认的（0,0）位置，创建一个指定 id 以及显示指定文本 text 的 textInput 文本输入框。

在很多 APP 应用里包含 textInput 文本输入框 控件，用来收集一些用户输入的信息。你可以通过方法 getText() 来获取指定文本输入框里的文本信息。

示例代码


// 每当键盘按键被按下时，输出日志到控制台
textInput("id", "type here");
onEvent("id", "keypress", function(event) {
  console.log("You typed a letter.");
});

示例代码：为文本输入框关联文本标签 创建一个文本标签并将之与一个文本输入框关联


// 创建一个文本标签并将之与一个文本输入框关联
textLabel("YourNameLabel","Enter your name:", "YourName");
textInput("YourName","");

示例代码：修改控件 获取控件属性信息，并修改控件属性


// 获取控件属性信息，并修改控件属性
textInput("id", "Enter your name");
setPosition("id", 50, 200, 200, 50);
onEvent("id", "change", function(event) {
  hideElement("id");
  write("Hi " + getText("id"));
});

语法规则


textInput(id, text)

参数说明

名称 类型 必需 参数描述
id string Yes textInput 文本输入框 的 id 唯一标识。在事件响应处理时以及其他涉及修改控件属性的方法里，通过这个 id 可以唯一定位到控件。必须以字母开头，不能包含空格，可以包含字母、数字、减号 - 以及下划线 _ 。
text string Yes 在 textInput 文本输入框 上显示的文本。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

  • 如果在屏幕的（0,0）位置已经有别的控件，textInput 文本输入框 会被放置到原有控件的右侧或下方，紧挨原有控件放置。
  • 可以用于修改显示控件属性的方法有：setText()、showElement()、hideElement()、deleteElement()、setPosition()、setSize()。
  • 可以用于获取显示控件状态或属性值的方法有：getText()、getXPosition()、getYPosition()。
  • 使用 textInput 文本输入框 时，一般应该与一个 textLabel 文本标签 搭配使用，以提示用户进行操作。
  • textInput 文本输入框 也可以在 设计 模式下通过拖拽的方式添加到屏幕页面，并设置其属性。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页