如何验证微信小程序input组件属性type接收几种

在HTML中，input组件中的type属性可以接收哪些值，有button、text、radio、checkbox、hidden、image、reset、submit等。而在微信小程序中，type属性只有text、number、idcard、digit、time和date。下面利用几个实例说明微信小程序中input组件type属性接收的几个值，操作如下：

第一步，打开微信小程序开发工具，新建wxml文件，并在文件里创建<view></view>标签，并插入input组件，type为text，文本属性，如下图所示：

image.png

第二步，将input组件type属性改为number，输入框输入号码，如下图所示：

image.png

第三步，如果input组件的type属性为idcard，表示输入框输入ID卡号码，如下图所示：

image.png

第四步，若输入框中的type属性值为digit，代表只能输入数字，如下图所示：

image.png

第五步，除了输入数字、字母和特殊字符之外，还可以输入时间，类型值为time，如下图所示：

image.png

第六步，显示时间，对应的可以显示日期，只不过需要改为“date”，如下图所示：

image.png