教程 其他 框架 组件 接口

input

概述

提供可交互的界面,接收用户的输入,默认为单行

子组件

不支持

属性

支持通用属性

名称类型默认值必填描述
typebutton | checkbox | radio | text | email | date | time | number | passwordtext支持动态修改 1030+
checked<boolean>false当前组件的 checked 状态,可触发 checked 伪类,type 为 checkbox 时生效
name<string>-input 组件名称
value<string>-input 组件的值
placeholder<string>-提示文本的内容,type 为 text|email|date|time 时生效
maxlength 1010+<number>-组件可接收用户输入字符的最大长度
enterkeytype 1010+default | send | search | next | go | done |default设置软键盘 Enter 按钮的显示文本或图标.

样式

支持通用样式

名称类型默认值必填描述
color<color>rgba(0, 0, 0, 0.87)文本颜色
font-size<number>37.5px文本尺寸
placeholder-color<color>rgba(0, 0, 0, 0.38)提示文本的颜色,type 为 text|email|date|time 时生效
width<length> | <percentage>-type 为 button 时,默认值为 128px
height<length> | <percentage>-type 为 button 时,默认值为 70px

事件

支持通用事件

名称参数描述
enterkeyclick 1010+{value:valueString},value 为用户输入的值软键盘 Enter 键点击事件
名称参数描述
enterkeyclick 1010+{value:valueString},value 为用户输入的值软键盘 Enter 键点击事件
selectionchange 1030+-选中文本改变和光标移动时触发
参数text | email | date | time | numbercheckboxradio备注
name
value
checked
text deprecated使用 value 代替

方法

名称参数描述
focus{focus:true|false},focus 不传默认为 true使组件获得或者失去焦点,可触发 focus 伪类,type 为 text|email|date|time|number|password 时,可弹出或收起输入法
select 1010+-选中文本框的全部文本
setSelectionRange 1010+{start: <number>, end: <number>}设置文本框的选中区域
getSelectionRange 1010+{callback: Function(start: <number>, end: <number>)}获取文本的选中区域

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容