欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序中input组件的type属性3个值的作用

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

微信小程序中input组件的type属性3个值的作用

发布时间:2020-12-09  

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

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

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

1) text

全键盘模式输入

<input type="text" placeholder="输入文本内容" />

微信小程序中input组件的type属性3个值的作用

全键盘

2) number

纯数字键盘模式输入

<input type="number" placeholder="输入纯数字内容" />

微信小程序中input组件的type属性3个值的作用

纯数字键盘

3) digit

带小数点的数字键盘模式输入

<input type="digit" placeholder="输入可带小数的数字" />

微信小程序中input组件的type属性3个值的作用

带小数点数字键盘

希望对你有所帮助:)