input
输入框。该组件是原生组件。
一.所有属性
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
value | String | 是 | 输入框的初始内容 | |
type | string | text | 否 | input的类型 |
password | boolean | false | 否 | 是否是密码类型 |
placeholder | string | 是 | 输入框为空时占位符 | |
placeholder-style | string | 是 | 指定placeholder的样式 | |
placeholder-class | string | input-placeholder | 否 | 指定placeholder的样式类 |
disabled | boolean | false | 否 | 是否禁用 |
maxlength | number | 140 | 否 | 最大输入长度, 设置为-1的时候不限制最大长度 |
cursou-spacjing | number | 0 | 否 | 指定光标与键盘的距离, 取input距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离 |
auto-focus | Boolean | false | 否 | (即将废弃, 请直接使用focus)自动聚焦, 拉起键盘 |
focus | boolean | false | 否 | 获取焦点 |
confirm-type | string | done | 否 | 设置键盘右下角按钮的文字, 仅在type="text"时生效 |
confirm-hold | boolean | false | 否 | 点击键盘右下角按钮时是否保持键盘不收起 |
cursor | number | 是 | 指定focus时的光标位置 | |
selection-start | number | -1 | 否 | 光标起始位置,自动聚焦时有效, 需于selection-end搭配使用 |
selection-end | number | -1 | 否 | 光标结束位置, 自动聚焦是有效, 需于selection-start搭配使用 |
adjust-position | boolean | true | 否 | 键盘弹起时, 是否自动上推页面 |
hold-keyboard | boolean | false | 否 | focus时,点击页面的时候不收起键盘 |
bindinput | eventhandle | 是 | 键盘输入时触发,event.detail=(value,cursor,keyCode),keyCode为键值 | |
bindfoces | eventhandle | 是 | 输入框失去焦点时触发,event.detail={value:value} | |
binconfirm | eventhandle | 是 | 点击完成按钮时触发,event.detail={value:value} | |
bindkeyboardheightchange | eventhandle | 是 | 键盘高度发生变化的时候触发此事件 |
type的合法值
值 | 说明 |
---|---|
text | 文字输入键盘 |
number | 数字输入键盘 |
idcard | 身份证输入键盘 |
digit | 带小数点的数字键盘 |
confirm-type的合法值
值 | 说明 |
---|---|
send | 右下角按钮为"发送" |
search | 搜索 |
next | 下一个 |
go | 前往 |
done | 完成 |