微信小程序input的type=“number“不起作用

最新推荐文章于 2024-04-22 19:14:29 发布
最新推荐文章于 2024-04-22 19:14:29 发布
阅读量5.6k 收藏 3
点赞数 26
分类专栏： 前端学习 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MistyWood/article/details/110085187
版权

第一次接触小程序，写表单的时候，用了

<input  type="number" />

不管怎么写都能输入英文或者中文
还找不到原因，百度一下好像别人都没遇到过这种问题一样
最后找了文档发现这个type控制的其实是手机弹出输入法键盘，电脑调试看不出效果来
这一个地方卡了十分钟，感觉自己像个弱智

MistyWood
关注
  • 26
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 19
    评论
专栏目录
小程序，使用uni组件，input中使用type = “number“时在微信开发者工具中仍可以输入字母、汉字
weixin_46706668的博客
07-14 1703
写小程序，遇到使用uni组件，input中使用type = "number"时在微信开发者工具中仍可以输入字母、汉字。 我想实现这个效果，但是根据官网写input的type属性时，在微信开发者工具中调试并不起作用，而我使用uni官网例子，很明显使用type属性时可以实现只能输入数字这个效果。 然后仔细阅读了一下官方说明，发现是微信开发者工具是不支持的，使用手机真机调试时这个效果是实现了的。 ...
【小程序】field输入框设置type=number不生效
weixin_44266024的博客
12-21 2428
众所周知，在小程序field输入框中有个type属性，设置为number就能限制数字类型，但是切记，效果需要到手机上进行验证，开发者工具上是看不到效果的。
微信小程序开发初学：输入框 - input(2)
最新发布
2401_83704192的博客
04-22 520
设置键盘右下角按钮的文字，仅在 type=“text” 时生效。最大输入长度，设置为 -1 的时候不限制最大长度。默认值：input-placeholder。是否为密码类型（输入内容显示为圆点）confirm-type属性的合法值。：输入身份证（弹出身份证输入键盘）placeholder的 样式类。：输入数字（弹出数字键盘）type属性的合法值。类型：boolean。类型：boolean。类型：boolean。指定光标与键盘的距离。
微信小程序中input组件的type属性3个值的作用
03-29
本文作者：一斤代码，来自授权地址 input组件是小程序的内容输入框组件，通常是这样来使用的： <input type="text" placeholder="输入点内容吧" /> 从文档中可以看到，type属性有三个值：text, number，digit。当我们使用这三个属性值，并在微信web开发者工具中查看效果的时候，其实是看不出来有什么差别的。但是如果在真机上进行预览，就能清楚的了解这三个值得功能区别了： 1) text 全键盘模式输入 <input type="text" placeholder="输入文本内容" /> (此图片来源于网络，如有侵权，请联系删除! ) 全键盘 2) n
uniapp中引用uView后，使用u-input标签的type=‘number‘在小程序失效
weixin_42884605的博客
10-17 2401
uniapp
微信小程序使用vant weapp的van-field，输入有内容时，表单校验数据一直为空的问题
热门推荐
Aimee的博客
01-09 1万+
在微信小程序中使用了van-field来输入用户的手机号码，并且实现实时校验手机号码的正确性，具体表现如下 主要原因是不支持数据双向绑定:当输入内容发生改变得时候,需要通过bind:change来将数据赋值给phoneNumber； <van-field model:value="{{ phoneNumber }}" type="number" error-message="{{phoneNumberError}}" center clearable placeholder="请输入手机号码
uniapp微信小程序input的type设置成number不起作用
tian_37的博客
10-20 649
这个type控制的其实是手机弹出输入法键盘，微信开发者工具调试看不出效果来，所以无需处理。
微信小程序 input输入框详解及简单实例
08-31
在微信小程序中，`input`组件是用于用户输入文本的关键元素。它提供了多种类型的输入框，如文本、数字、身份证号、日期等，满足不同场景的需求。以下是对`input`组件的详细解释及其相关实例。 ### 1. `input`基本...
微信小程序 (十七)input 组件详细介绍
01-21
input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义...input class=input type=number placeholder=请输入账号 placeholder-style=color: red bindinput=listenerPhoneInput /> <view
微信小程序 input输入及动态设置按钮的实现
08-29
微信小程序 input 输入及动态设置按钮的实现 微信小程序 input 输入及动态设置按钮的实现是微信小程序开发中常用的技术之一。本文将详细介绍微信小程序 input 输入及动态设置按钮的实现的相关技术细节。 首先，在...
移动端表格中使用input时type=number不生效
weixin_45890564的博客
06-14 765
问题: 使用el-table和u-input组件做表格输入框时,需要对输入值做数字和小数校验,一开始想着使用type=number,可设置后移动端不兼容,故采input事件来校验,顺便记录一下动态列表格如何处理校验。
解决input标签设置type = “number” 时，maxlength失效的问题
想好了再写！
02-07 809
解决input标签设置type = "number" 时，maxlength失效的问题。
小程序自定义弹出框中使用iview Weapp中的数字输入框组件InputNumber输入无效问题
小怪獸丶的糖的专栏
11-09 1571
项目场景： 小程序出库功能，选择出库食材，输入出库金额。点击确定将该食材的信息以及出库数量进行存储。默认的出库数量显示当前所有的库存数量。数字输入采用ivew Weapp中的InputNumber组件 问题描述： 在微信开发者工具中进行调试，直接在input框中输入出库数量，然后点击确认。没有任何问题，真机上面调试直接输入一个出库数量，点击确定得到的出库数量依然是之前默认的当前的库存数量。手动输入的数字没有任何效果。 原因分析： 因为InputNumber绑定的事件是失去焦点以后，将这个值传递出来。所
微信小程序input组件type属性3个值的作用
weixin_34085658的博客
12-16 546
input组件是小程序的内容输入框组件，通常是这样来使用的： <input type="text" placeholder="输入点内容吧" /> 从文档中可以看到，type属性有三个值：text, number，digit。当我们使用这三个属性值，并在微信web开发者工具中查看效果的时候，其实...
关于微信小程序 input 的 type属性值区别
夏沫之初的博客
10-24 947
注意2:如果需要点击input输入框，不唤起手机键盘，可以将input的disabled属性值改为true，当然，此时input也将无法输入内容。idcard：数字键盘（无小数点、有个 X 键）----可输入整数、X，一般用来输入身份证号用。注意1：number 与digit 区别是，number不能输入小数点，而digit可以。digit：数字键盘（有小数点）----可输入数字、小数点。number：数字键盘（无小数点）---只可输入整数。text：文本输入----可输入中文、英文、符合等。
微信小程序input输入数据为数字
m0_45329584的博客
11-26 7567
一、简介 在做项目的时候，我们经常会碰到一些特殊的数据，如在输入数据时，要求输入电话号码而电话号码全是数字，输入某物品的数量，输入值肯定是正整形数字，这篇文章就是教你怎么处理这种情况的数据。 二、效果图： 三、代码： wxml： <view class="box"> <button class="button" bindtap="jian">-</button&...
微信小程序--input 小数点 键盘
qq_48957847的博客
08-23 2965
个人问题记录
微信小程序 设置input只能输入数字 text-文本输入键盘 number-数字输入键盘 idcard-身份证输入键盘 digit-带小数点的数字键盘
夜阑珊妖妖
05-31 8217
type 的合法值 text - 文本输入键盘 number - 数字输入键盘 idcard - 身份证输入键盘 digit - 带小数点的数字键盘 confirm-type 设置键盘右下角按钮的文字，仅在type='text’时生效 send - 右下角按钮为“发送” search - 右下角按钮为“搜索” next - 右下角按钮为“下一个” go - 右下角按钮为“前往” done - 右下角按钮为“完成” 其他相关文章： 微信小程序 - 设置input只能输入数字:https:/
微信小程序input样式
06-10
微信小程序中可以通过 `input` 组件来实现输入框的样式。`input` 组件的类型可以通过 `type` 属性来设置，例如： ``` <input type="text" /> <input type="number" /> <input type="password" /> <input type="idcard" /> ... ``` 还可以通过 `placeholder` 属性来设置输入框中的提示文本，例如： ``` <input type="text" placeholder="请输入用户名" /> ``` 此外，还可以通过 `class` 属性来设置输入框的样式，例如： ``` <input type="text" class="my-input" /> ``` 然后在样式文件中定义 `.my-input` 类的样式，例如： ``` .my-input { border: 1px solid #ccc; padding: 10px; font-size: 14px; } ``` 这样就可以实现自定义的输入框样式了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值