支付宝小程序表单组件 输入框·Input
支付宝小程序Input（输入框）。
API
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| value | String | - | 初始内容 |
| name | String | - | 组件名字，用于表单提交获取数据 |
| class | String | - | 外部样式名 |
| style | String | - | 内联样式 |
| type | String | text | input 的类型，有效值：text, number, idcard, digit |
| password | Boolean | false | 是否是密码类型 |
| placeholder | String | - | 占位符 |
| disabled | Boolean | false | 是否禁用 |
| maxlength | Number | 140 | 最大长度 |
| focus | Boolean | false | 获取焦点 |
| onInput | EventHandle | - | 键盘输入时触发input事件，event.detail = {value: value} |
| onConfirm | EventHandle | - | 点击键盘完成时触发，event.detail = {value: value} |
| onFocus | EventHandle | - | 聚焦时触发，event.detail = {value: value} |
| onBlur | EventHandle | - | 失去焦点时触发，event.detail = {value: value} |
Screenshot
示例
Page({
data: {
focus: false,
inputValue: '',
},
bindButtonTap() {
this.setData({
focus: true,
});
},
bindKeyInput(e) {
this.setData({
inputValue: e.detail.value,
});
},
});