微信小程序开发 input的checkbox样式问题

同样的代码为什么放在网页端显示是这样，在微信小程序端会把我的value值显示出来并且勾选框样式也消失了？

type="checkbox" name="statusTypeList" value="0"/>发布
type="checkbox" name="statusTypeList" value="1"/>审核中
type="checkbox" name="statusTypeList" value="2"/>已发布
type="checkbox" name="statusTypeList" value="-1"/>待发布
type="checkbox" name="statusTypeList" value="-100"/>已删除

网页端

小程序

微信小程序由自己的checkbox直接用input不行的

你看一下微信的开发文档

https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html
微信里 是 checkbox标签 。

<view class="tui-content">
 <checkbox-group bindchange="checkboxChange">
 <label class="checkbox" wx:for="{{items}}">
  <view class="tui-menu-list"><checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}</view>
 </label>
 </checkbox-group>
 <view class="tui-show-name">
 <text wx:for="{{checkArr}}"> {{item}} </text>
 </view>
</view>

小程序各有各的区别 微信小程序支付宝小程序等 微信开发文档有全面的解释