1.placeholder-class:placeholder 的样式类
<input class="input"
value="{{inputValue}}"
placeholder="显示默认值"
placeholder-class="inputPlace"
/>
2.type:输入框类型
- text:默认
- number:数字输入框
- idcard:身份证输入键盘
- digit:带小数点的数字键盘
3.password:是否是密码类型
<input type="text" password placeholder="密码输入框" />
4.maxlength: 最大长度
<input maxlength="10" />
5.disabled: 是否禁用
6.onInput: 键盘输入时触发
<input value="{{inputValue}}" onInput="bindKeyInput"/>
- inputValue是自己定义的data数据。在输入的时候,一般是给数据赋值
bindKeyInput(e) {
let value = e.detail.value
value = value.trim();//把空格去掉
this.setData({
inputValue: value,
});
},
7.onConfirm: 点击键盘完成
<input
onConfirm="doneSearch"
/>
- 输入完成的时候,给数据再次赋值,收起键盘,重新发起请求
doneSearch() {
// 收起键盘
my.hideKeyboard();
},
8.onFocus: 聚焦时触发
9.onBlur: 失去焦点时触发(仅支持真机)
<input
onBlur="onBlur"
/>
// 失去焦点
onBlur() {
my.hideKeyboard();//收起键盘
},