获取页面元素,进行定位,快速使用
官方的 UIInput 插件
UIInput
H5UiInputStyle:
类型:JSON 对象
描述:(可选项)插件各部分的样式
内部字段:
{
bgColor: '#fff', //(可选项)字符串类型;输入框的背景色,支持 rgb、rgba、#;默认:'#fff'
size: 14, //(可选项)数字类型;输入框的文字大小;默认:14
color: '#000', //(可选项)字符串类型;输入框内的字体颜色,支持 rgb、rgba、#;默认:'#000'
cursorColor: '#4169E1', //(可选项)字符串类型;输入框内的光标颜色,支持 rgb、rgba、#;默认:'#4169E1'(该参数仅对ios有效,需要配置android的光标样式可参考 **插件接口** 说明)
placeholder: {
color: '#ccc' //(可选项)字符串类型;输入框占位文字的颜色;默认:'#ccc'
}
}
H5UiInputAutoFocus:
类型:布尔
描述:(可选项)打开时是否弹出键盘
默认值:true
H5UiInputPlaceholder:
类型:字符串
描述:(可选项)输入框的占位提示文本
H5UiInputKeyboardType:
类型:字符串
描述:(可选项)输入框获取焦点时,弹出的键盘类型;
默认值:'default'
取值范围:
default(默认键盘)
number(数字键盘)
search(搜索键盘,Android只有在单行模式下支持)
next(下一项,Android只有在单行模式下支持)
send(发送,Android只有在单行模式下支持)
done(完成,Android只有在单行模式下支持)
decimal(带有数字和小数点的键盘,仅支持iOS)
使用前,请先在插件库中添加 UIInput插件,否则无法使用 注意:
1,在 iOS 上如果 open 窗口时候加了延迟,则该插件被打开时即便 autoFocus 为 true 也不会弹出键盘,会出现弹出键盘然后又缩回去的现象。该问题的解决方法是去掉延迟;
2,由于输入法的关系,当 autoFocus 为 true 时部分 android 机型上默认弹不出键盘