# input
手机
# 概述
提供可交互的界面，接收用户的输入，默认为单行
# 子组件
不支持
# 属性
支持通用属性
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| type | button | checkbox | radio | text | email | date | time | number | password | tel | text | 否 | 支持动态修改 |
| checked | <boolean> | false | 否 | 当前组件的 checked 状态，可触发 checked 伪类，type 为 checkbox 时生效 |
| name | <string> | - | 否 | input 组件名称 |
| value | <string> | - | 否 | input 组件的值 |
| placeholder | <string> | - | 否 | 提示文本的内容，type 为 text|email|date|time 时生效 |
| maxlength | <number> | - | 否 | 组件可接收用户输入字符的最大长度 |
| enterkeytype | default | send | search | next | go | done | | default | 否 | 设置软键盘 Enter 按钮的显示文本或图标． |
| autocomplete | on | off | on | 否 | 是否开启自动提示功能，当 type 为 tel 时生效 |
# 样式
支持通用样式
| 名称 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| color | <color> | rgba(0, 0, 0, 0.87) | 否 | 文本颜色 |
| font-size | <length> | 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 |
# 事件
支持通用事件
| 名称 | 参数 | 描述 |
|---|---|---|
| change | 不同 type 参数不同，具体见下方 change 事件参数 | input 组件的值、状态发生改变时触发, type 为 button 时无 change 事件 |
| enterkeyclick | {value：valueString}，value 为用户输入的值 | 软键盘 Enter 键点击事件 |
| selectionchange | - | 选中文本改变和光标移动时触发 |
# change 事件参数
| 参数 | text | email | date | time | number | password | checkbox | radio | 备注 |
|---|---|---|---|---|
| name | √ | √ | ||
| value | √ | √ | √ | |
| checked | √ | |||
text deprecated | √ | √ | 使用 value 代替 |
# 方法
| 名称 | 参数 | 描述 |
|---|---|---|
| focus | {focus:true|false}，focus 不传默认为 true | 使组件获得或者失去焦点，可触发 focus 伪类，type 为 text|email|date|time|number|password 时，可弹出或收起输入法 |
| select | - | 选中文本框的全部文本 |
| setSelectionRange | {start: <number>, end: <number>} | 设置文本框的选中区域 |
| getSelectionRange | {callback: Function(start: <number>, end: <number>)} | 获取文本的选中区域 |
# input 示例代码
←
→