1. 小程序中使用WXML(WeiXin Markup Language) 来实现页面结构,常见的页面组件表如下,具体还得看[微信开发文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)
    标签 功能
    视图容器
    文本域
    按钮
    页面组件 - 图1 图片
    表单
    图标文件
    复选框
    单选框
    输入框
    进度条
    在页面结构中,添加如下代码
    
    <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)