目录

多行文本（TextArea）

功能说明

该控件用于多行文本录入。

HTML5

<textArea id="textarea0" onload="textareaload()" placeholder="这是一个文本域，可输入多行文本..." onchange="textareachange()">这是一个文本域，可输入多行文本...</textArea>

属性列表

事件列表

实例

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

$id("textarea0").get("text");
$id("textarea0").set("text", "这是一个多行文本输入控件，用户可以在此控件内输入多行文本。。。")

2、onchange事件的使用

<textArea id="textarea0" onload="textareaload()" placeholder="这是一个文本域，可输入多行文本..." onchange="textareachange()">这是一个文本域，可输入多行文本...</textArea>

function textareachange(sender, args) {
    $alert("多行文本输入框:" + $id(sender).get("text"));
}

3、oninput事件的使用

<input id="textarea0" oninput="this.oninput()"/>

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

4、让输入控件获得焦点

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

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

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

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

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