微信小程序表单组件：input组件使用及属性详解

最新推荐文章于 2025-05-23 01:38:03 发布

原创

最新推荐文章于 2025-05-23 01:38:03 发布 · 1.1k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

微信小程序表单组件：input组件使用及属性详解

示例代码如下：

代码片段一：index.wxml

<view class="w">  
  <view class="title">input的使用</view>  
  <view class="subTitle">type="text"</view>  
  <input type="text" value=""/>  
  <view class="subTitle">type="number"</view>  
  <input type="number" value=""/>  
  <view class="subTitle">type="idcard"</view>  
  <input type="idcard" value=""/>  
  <view class="subTitle">type="digit"</view>  
  <input type="digit" value=""/>  
  <view class="subTitle">type="safe-password"</view>  
  <input type="safe-password" value=""/>  
  <view class="subTitle">type="nickname"</view>  
  <input type="nickname" value=""/>  
</view>

属性说明：

value：输入框的初始内容

type：输入框类型，支持以下值：

text：文本输入键盘

number：数字输入键盘

idcard：身份证输入键盘

digit：带小数点的数字键盘

safe-password：密码安全输入键盘

nickname：昵称输入键盘