鸿蒙/DevEco Studio的TextInput组件基本使用

1.声明TextInput组件

TextInput({placeholder? :ResourceStr, text? :ResourceStr})

placeHoder:输入框无输入时的提示文本

TextInput( {placeholder:'请输入账号或手机号'})

text:输入框默认值

TextInput({text:'itcast'})

添加属性和事件

TextInput( {text:'当前输入文本'})
   .width(150)//宽
   .height (30)//高
   .backgroundColor ('#FFF')l/背景色
   .type ( InputType.Password)//输入框类型
   .onChange(value => {value是用户输入的文本内容})

输入框基本类型

Normal                         基本输入模式。支持输入数字、字母、下划线、空格、特殊字符。

Password                      密码输入模式。支持输入数字、字母、下划线、空格、特殊字符。

Email                            邮箱地址输入模式。支持数字，字母，下划线，以及@字符。

Number                       纯数字输入模式。

PhoneNumber9+        电话号码输入模式。支持输入数字、+﹑-