小程序中使用WXML(WeiXin Markup Language) 来实现页面结构,常见的页面组件表如下,具体还得看[微信开发文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)
在页面结构中,添加如下代码
<view>
<text>请输入第1个数字</text>
<!-- placeholder:设置占位符 -->
<input type="number" placeholder="******"/>
</view>
<view>
<text>请输入第2个数字</text>
<input type="number" placeholder="******"/>
</view>
<button>比较</button>
<view>
<text>比较结果:</text>
</view>
在4、9行中的<input>标签的type属性表示输入的类型,具体属性如下表所示:
可选值 |
说明 |
默认 |
text |
文本输入键盘 |
√ |
number |
数字输入键盘 |
- |
idcard |
身份证输入键盘 |
- |
digit |
带小数点的数字键盘 |
- |
运行程序,效果图如下:<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/26240361/1645521851920-c63b4661-b5a3-4f0d-8a7d-55d1d9f51188.png#clientId=u67103795-5a78-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=169&id=u47fc4174&margin=%5Bobject%20Object%5D&name=image.png&originHeight=337&originWidth=400&originalType=binary&ratio=1&rotation=0&showTitle=false&size=13961&status=done&style=none&taskId=u2e9e974f-9d38-49aa-97b1-97eb65b644f&title=&width=200)