input组件是小程序的内容输入框组件,通常是这样来使用的:

<input type="text" placeholder="输入点内容吧" />

从文档中可以看到,type属性有三个值:text, number,digit。当我们使用这三个属性值,并在微信web开发者工具中查看效果的时候,其实是看不出来有什么差别的。但是如果在真机上进行预览,就能清楚的了解这三个值得功能区别了:

1) text

  • 全键盘模式输入
<input type="text" placeholder="输入文本内容" />
 
全键盘

2) number

  • 纯数字键盘模式输入
<input type="number" placeholder="输入纯数字内容" />
 
纯数字键盘

3) digit

  • 带小数点的数字键盘模式输入
<input type="digit" placeholder="输入可带小数的数字" />
 
带小数点数字键盘
 
关注微信公众号:lovephp

作者:一斤代码
链接:https://www.jianshu.com/p/f44e0d31986b
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

最新文章

  1. 大量数据快速导出的解决方案-Kettle
  2. 从下往上看--新皮层资料的读后感 第二部分:突触Synapses
  3. PHP内核探索之变量(7)- 不平凡的字符串
  4. Elasticsearch在Windows下的安装
  5. BZOJ1722 [Usaco2006 Mar] Milk Team Select 产奶比赛
  6. java中直接打印对象
  7. 实现顶部轮播,下部listview经典布局的两种方式
  8. C#源码大汇总
  9. 神经网络的学习 Neural Networks learing
  10. 用OpenCV实现Otsu算法
  11. Eclipse 完全 设置UTF-8 环境
  12. Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode
  13. 【转】android webview设置内容的字体大小
  14. BZOJ3676 APIO2014回文串(manacher+后缀自动机)
  15. pytest十一:函数传参和 firture 传参数 request
  16. BZOJ.1927.[SDOI2010]星际竞速(无源汇上下界费用流SPFA /最小路径覆盖)
  17. LDA和PCA区别
  18. alpha6/10
  19. vue中echarts随窗体变化
  20. markdown中设置、调整图片尺寸

热门文章

  1. POJ 2796:Feel Good 单调栈
  2. 几种复杂度的斐波那契数列的Java实现
  3. Day3上
  4. SQL语句中的having和where的区别
  5. cmd对其他盘符进行操作
  6. vue地址插件多级联动自适应 + github地址
  7. ZR18提高5解题报告
  8. Django--对表的操作
  9. 构建第一个Spring Boot2.0应用之集成mybatis(六)
  10. linux 命令——20 find(转)