目录

文本（Text）

功能说明

该控件用于文本录入。

HTML5

<input id="tbLastName"  value="abc" onchange="do()">

属性列表

支持公共属性
参见公共属性说明

事件列表

实例

1、获取或修改文本框输入的值

$id("xxx").get("value");
$id("xxx").set("value", "美好的APP开发之旅")//文本内容更改为“美好的APP开发之旅”

2、onchange事件的使用

<input id="textbox0" maxlength="256" placeholder="文本输入框" type="text" onchange="change()"/>

function change(sender, args) {
    var v = $id("textbox0").get("value");
    $alert("文本框内容:" + v);
}

3、oninput事件的使用

<input id="textbox0" bindfield="a" maxlength="256" placeholder="文本输入框" type="text" oninput="this.oninput()"/>

function com$requirements$Input_onchangeController$oninput(sender, args) {
    $ctx.dataCollect();
    var value = $id("textbox0").get("value"); //每输入一个字符就获取
    $id("textbox1").set("value", value); //textbox0每输入一个字符，焦点不需离开就在textbox1中显示
}

4、让输入控件获得焦点

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("textbox0").get("value");
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("textbox0").focus(); //textbox0的value长度不足8位时，让光标回到textbox0上
    } else {
        $alert("保存成功");
    }
}

5、让输入控件获得焦点，并在焦点处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("textbox0").get("value");
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("textbox0").focus(); //textbox0的value长度不足8位时，让光标回到textbox0上
        $id("textbox0").insert("hello")//焦点的文本框最后，插入hello
    } else {
        $alert("保存成功");
    }
}

6、让输入控件获得焦点，并在指定的位置处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("textbox0").get("value"); //假设文本框输入字符为12345
    if (data.length < 8) {
        $alert("您输入的密码不足8位，请重新输入");
        $id("textbox0").focus(); //textbox0的value长度不足8位时，让光标回到textbox0上
        $id("textbox0").insert(1, "hello")// 12hello2345
    } else {
        $alert("保存成功");
    }
}

7、如何解决输入类控件键盘遮挡

首先在application.xml文件中必须配置键盘弹出模式再为插件的属性设置位移量即可。