前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序input组件type属性3个值的作用

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

作者头像
一斤代码
发布2018-08-21 10:34:17
1.5K0
发布2018-08-21 10:34:17
举报
文章被收录于专栏:大前端开发

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

代码语言:javascript
复制
<input type="text" placeholder="输入点内容吧" />

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

1) text
  • 全键盘模式输入
代码语言:javascript
复制
<input type="text" placeholder="输入文本内容" />

全键盘

2) number
  • 纯数字键盘模式输入
代码语言:javascript
复制
<input type="number" placeholder="输入纯数字内容" />

纯数字键盘

3) digit
  • 带小数点的数字键盘模式输入
代码语言:javascript
复制
<input type="digit" placeholder="输入可带小数的数字" />

带小数点数字键盘

希望对你有所帮助:)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016.12.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1) text
  • 2) number
  • 3) digit
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档