关于微信小程序 input 的 type属性值区别

最新推荐文章于 2025-03-13 11:20:06 发布
最新推荐文章于 2025-03-13 11:20:06 发布
阅读量1.8k 收藏 1
点赞数
文章标签： 1024程序员节 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44202166/article/details/134018654
版权

微信小程序的 input 有个属性叫 type，这个 type属性 有几个可选值以及手机预览显示的页面：

text：文本输入----可输入中文、英文、符合等

number：数字键盘（无小数点）---只可输入整数

idcard：数字键盘（无小数点、有个 X 键）----可输入整数、X，一般用来输入身份证号用

digit：数字键盘（有小数点）----可输入数字、小数点

备注：此文所示键盘图片均出自iPhone手机，Android可自行操作查看
注意1：number 与digit 区别是，number不能输入小数点，而digit可以

注意2:如果需要点击input输入框，不唤起手机键盘，可以将input的disabled属性值改为true，当然，此时input也将无法输入内容

【微信小程序】表单组件-input输入框组件
墨夶的博客
11-23 2289
通过 CSS，可以自定义输入框的样式，使其更加符合应用的设计风格。-- index.wxml --> < input class = " custom-input " name = " customInput " placeholder = " 自定义输入框 " bindinput = " handleCustomInput " />
【微信小程序】10分钟学会微信小程序input输入框组件，你还在等什么？
java专栏
11-27 1357
通过以上详细的介绍，相信你已经对微信小程序中的input输入框组件有了全面的了解。input组件虽然看似简单，但功能强大，能够帮助开发者实现丰富的输入功能和良好的用户体验。只要你掌握了这些基础知识和技巧，就能轻松应对各种开发任务。希望你能轻松掌握这些技能，成为微信小程序开发的高手！🌟🚀下次见，祝你开发愉快！👋🎉。
原生微信小程序自定义键盘(仿原生键盘)
weixin_43218691的博客
01-17 2549
wxml <view class="page_box" catchtap="hindKeyboard"> <view class="input_view" catchtap="hindKeyboard"> <text class="title">消费金额：</text> <view class="input_box" catchtap="showKeyboard"> <text class="i
微信小程序表单组件：input组件使用及属性详解
前端基地
03-05 973
微信小程序的 input 组件是用户输入信息的重要工具。本文详细介绍了它的使用方法，如如何在页面中正确引入与布局。同时，深入解读 input 组件的各类属性，像控制输入类型、最大长度、是否自动聚焦等属性，助力开发者灵活运用，提升小程序交互体验。
uniapp微信小程序处理input框内容限制（小数点，负号，纯数字）
最新发布
m0_68804724的博客
03-13 722
我因为没有return， 所以在第一次修改值成功，之后就一直没有成功，数据发生变化了，但是视图没有更新。我还尝试在 input框上绑定一个 :key ， 每次修改值 key++，这种强制更新无效。官方无法通过type属性直接实现， 纯数字可以通过type=number， 小数点type=digit， 然而负号是没有的，微信小程序上表现是原生控件，只能使用text文本输入键盘。@input事件需要return一个值去替换输入框里面的值，让其强制更新。需求：input框中只能输入小数点 负号 纯数字。
微信小程序开发初学：输入框 - input
Dae_Lzh的博客
01-27 1万+
输入框。 input具有的属性 value 类型：String 默认值：无 输入框内的初始内容 type 类型：String 默认值：text 输入内容的类型 type属性的合法值 （1）text：输入文本 （2）number：输入数字（弹出数字键盘） （3）idcard：输入身份证（弹出身份证输入键盘） password 类型：boolean 默认值：false 是否为密码类型（输入内容显示为圆点） placeholder 类型：String 默认值：无 提示词 placeholder-class 类型：
微信小程序input组件type属性3个值的作用
weixin_34085658的博客
12-16 596
input组件是小程序的内容输入框组件，通常是这样来使用的： <input type="text" placeholder="输入点内容吧" /> 从文档中可以看到，type属性有三个值：text, number，digit。当我们使用这三个属性值，并在微信web开发者工具中查看效果的时候，其实...
小程序input type类型切换，弹出键盘
boringmembership的博客
07-16 397
placeholder="请输入登录密码" @blur="handleInputCheck" />2、不要设置type 用：password代替 为true就是隐藏，为false就是展示。亲测：点击小眼睛切换type类型 电脑上没问题；1、写两个input 同绑定一个参数password input切换。（吊起输入键盘的时候，才会切换type类型 ）
微信小程序中input组件的type属性3个值的作用
03-29
当我们使用这三个属性值，并在微信web开发者工具中查看效果的时候，其实是看不出来有什么差别的。但是如果在真机上进行预览，就能清楚的了解这三个值得功能区别了： 1) text 全键盘模式输入 <input type="text" ...
微信小程序 input输入框详解及简单实例
08-31
在微信小程序中，`input`组件是用于用户输入文本的关键元素。它提供了多种类型的输入框，如文本、数字、身份证号、日期等，满足不同场景的需求。以下是对`input`组件的详细解释及其相关实例。 ### 1. `input`基本...
微信小程序 input输入及动态设置按钮的实现
08-29
微信小程序 input 输入及动态设置按钮的实现 微信小程序 input 输入及动态设置按钮的实现是微信小程序开发中常用的技术之一。本文将详细介绍微信小程序 input 输入及动态设置按钮的实现的相关技术细节。 首先，在...
微信小程序 (十七)input 组件详细介绍
01-21
input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多，有需要自己慢慢测，尝试 主要属性： wxml <!--style的优先级比class高会覆盖和class相同属性--> <input class=input type=number placeholder=请输入账号 placeholder-style=color: red bindinput=listenerPhoneInput /> <view
微信小程序的input属性介绍
weixin_33794672的博客
09-14 834
<input id='{{shuru}}' type='text' confirm-type="search" focus="{{focus}}" bindblur="bindblur"></input> confirm-type="search"这条是弹出输入法时有搜索键的键盘 focus="{{focus}}"是否获取input的焦点 默认值是false ...
微信小程序开发初学：输入框 - input(2)
2401_84010165的博客
04-16 529
设置键盘右下角按钮的文字，仅在 type=“text” 时生效。最大输入长度，设置为 -1 的时候不限制最大长度。默认值：input-placeholder。是否为密码类型（输入内容显示为圆点）confirm-type属性的合法值。：输入身份证（弹出身份证输入键盘）placeholder的 样式类。：输入数字（弹出数字键盘）type属性的合法值。类型：boolean。类型：boolean。类型：boolean。指定光标与键盘的距离。
微信小程序 input组件type属性3个值的作用
weixin_33948416的博客
06-04 1428
input组件是小程序的内容输入框组件，通常是这样来使用的： <input type="text" placeholder="输入点内容吧" /> 从文档中可以看到，type属性有三个值：text, number，digit。当我们使用这三个属性值，并在微信web开发者工具中查看效果的时候，其实是看不出来有什么差别的。但是如果在真...
微信小程序 input
潮湿的桥
08-31 822
微信小程序输入框input 属性名 类型 默认值 说明 value String 输入框的内容 type String text input的类型，有效值：text,number,idcard,digit,time,date password Boolean false 是否是密码类型 placeholder String 输入框为空时占位符 placeholder-style Strin...
微信小程序开发初学：输入框 - input(1)
2401_84010107的博客
04-16 1315
设置键盘右下角按钮的文字，仅在 type=“text” 时生效。最大输入长度，设置为 -1 的时候不限制最大长度。默认值：input-placeholder。confirm-type属性的合法值。placeholder的 样式类。类型：boolean。类型：boolean。指定光标与键盘的距离。
微信小程序-input
QEcode的博客
10-02 3988
input
微信小程序 input 的 type属性 text、number、idcard、digit 区别
热门推荐
书写人生
05-19 4万+
微信小程序的 input 有个属性叫 type，这个 type 有几个可选值： text：不必解释number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点） 注意：number 是无小数点的，digit 是有小数点的
微信小程序Input控件使用实例及源码解析
### 微信小程序input组件概述 微信小程序中的input组件是一个基础的表单组件，用于收集用户输入的信息，如文本、数字、密码等。该组件具备以下特点： - 提供多种输入类型，如text（文本）、number（数字）、idcard...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值