第14篇 基础（十四）QML输入元素 之 文本输入（TextInput）

文本输入允许用户输入一行文本。

⼀个焦点区域（focus scope） 定义了如果焦点区域接收到焦点， 它的最后⼀个使⽤focus:true的⼦元素接收焦点， 它将会把焦点传递给最后申请焦点的⼦元素。

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480

    Rectangle {
        width: 200
        height: 80
        color: "red"

        TextInput {
            id: input1
            x: 8; y: 8
            width: 96
            height: 20
            focus: true
            text: "Input 1"
        }

        TextInput {
            id: input2
            x: 8; y: 36
            width: 96
            height: 20
            text: "Input 2"
        }
     }
}

结果展示：