ArkUI学习-TextInput

1、声明TextInput组件：

TextInput({placeholder?:RecourceStr,text?:RecourceStr})
#?表示可选项

①placeholder：输入框无输入时的提示文本（默认显示文本，浅色，直接输入即可）

②text：输入框当前的文本内容（也是默认显示文本，深色，如有需要可以修改）

2、添加属性和时间：

TextInput({text:"当前输入文本"})
    .width(150)        #宽
    .height(30)        #高
    .backgroundColor('#FFF')    #背景色
    .type(InputType.Password)    #输入框类型，以密码形式显示  特有属性#InputType类型可改
    .onChange((value) =>{
        #value是用户输入的文本内容，{}写定义的事件
})

InputType可选项及应用场景

3、使用：

@State account: string = 'Hello World';
Column({ space: 10 }) {

  TextInput({placeholder:'请输入账号'})//1、提示输入文本
    .maxLength(11) //2、输入的最大字符数
    .type(InputType.Number) //3、输入类型
    .onChange((value:string) =>{ //4、设置onChange事件，有返回值
      this.account = value
      console.log("lyy","---账号："+value)
    })


  TextInput({placeholder:'请输入密码'})
    .type(InputType.Password) //设置为密码，会自带小眼睛
    .onChange((value:string) =>{
       console.log("lyy","---密码："+value)
    })

}