H5UiInput

功能描述

  1. 获取页面元素,进行定位,快速使用
  2. 官方的 UIInput 模块

依赖的模块

UIInput

快速使用

H5UiInputStyle:

  1. 类型:JSON 对象
  2. 描述:(可选项)模块各部分的样式
  3. 内部字段:
  4. {
  5. bgColor: '#fff', //(可选项)字符串类型;输入框的背景色,支持 rgb、rgba、#;默认:'#fff'
  6. size: 14, //(可选项)数字类型;输入框的文字大小;默认:14
  7. color: '#000', //(可选项)字符串类型;输入框内的字体颜色,支持 rgb、rgba、#;默认:'#000'
  8. cursorColor: '#4169E1', //(可选项)字符串类型;输入框内的光标颜色,支持 rgb、rgba、#;默认:'#4169E1'(该参数仅对ios有效,需要配置android的光标样式可参考 **模块接口** 说明)
  9. placeholder: {
  10. color: '#ccc' //(可选项)字符串类型;输入框占位文字的颜色;默认:'#ccc'
  11. }
  12. }
  13. H5UiInputAutoFocus:
  14. 类型:布尔
  15. 描述:(可选项)打开时是否弹出键盘
  16. 默认值:true
  17. H5UiInputPlaceholder:
  18. 类型:字符串
  19. 描述:(可选项)输入框的占位提示文本
  20. H5UiInputKeyboardType:
  21. 类型:字符串
  22. 描述:(可选项)输入框获取焦点时,弹出的键盘类型;
  23. 默认值:'default'
  24. 取值范围:
  25. default(默认键盘)
  26. number(数字键盘)
  27. search(搜索键盘,Android只有在单行模式下支持)
  28. next(下一项,Android只有在单行模式下支持)
  29. send(发送,Android只有在单行模式下支持)
  30. done(完成,Android只有在单行模式下支持)
  31. decimal(带有数字和小数点的键盘,仅支持iOS

特别说明

使用前,请先在模块库中添加 UIInput模块,否则无法使用 注意:

1,在 iOS 上如果 open 窗口时候加了延迟,则该模块被打开时即便 autoFocus 为 true 也不会弹出键盘,会出现弹出键盘然后又缩回去的现象。该问题的解决方法是去掉延迟;

2,由于输入法的关系,当 autoFocus 为 true 时部分 android 机型上默认弹不出键盘