input

概述

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

子组件

不支持

属性

支持通用属性

名称 类型 默认值 必填 描述
type button | checkbox | radio | text | email | date | time | number | password text 不支持动态修改
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键点击事件

支持change事件,input组件的值、checked状态发生变化时触发

参数 text | email | date | time | number checkbox radio 备注
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>)} 获取文本的选中区域

条匹配 "" 的结果

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