39|表单组件picker

最新推荐文章于 2023-06-12 09:08:28 发布

Asteroid 325

最新推荐文章于 2023-06-12 09:08:28 发布

阅读量231

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/weixin_43846020/article/details/108519713

版权

微信小程序专栏收录该内容

36 篇文章 0 订阅

订阅专栏

表单组件picker

在这里插入图片描述

<!--pages/form2/form2.wxml-->
<form bindsubmit="doSubmit" bindreset="doReset">

<view>用户名:<input name="username" type="text" placeholder="请输入用户名"></input>
</view>

<view>密码：<input name="pass" type="text" password="true" placeholder="请输入密码"></input></view>

<view>
请输入金额：<input name="money" type="digit" placeholder="请输入金额"></input>
</view>

<view>
<checkbox-group name="hobby"> 
  <checkbox value="a">A</checkbox>
 <checkbox value="b">B</checkbox>
  <checkbox value="c">C</checkbox>
   <checkbox value="d">D</checkbox>
</checkbox-group>

<radio-group bindchange="radioChange" name="course">
   <radio value="a">A</radio>
   <radio  value="b">B</radio>
      <radio  value="c">C</radio>
</radio-group>
</view>

<view> s是否打开：<switch name="isOpen"></switch></view>
 <view>
 checkbox类型的switch：<switch name="isOk" type="checkbox"></switch>
</view>
<view>
 是否保存：<switch name="isSave" type="switch"></switch>
</view>

<view>
介绍：<textarea name="intro"></textarea>
</view>

<picker value="1" range="{{[1,2,3]}}">
   <view>请选择【单项选择器】</view>
</picker>
<picker mode="multiSelector" range="{{[[1],[1,2],[3]]}}">
   <view>请选择【多项选择器】</view>
</picker>

<picker mode="date">
<view>请选择日期</view>
</picker>

<picker mode="date"  start="2015-09-01" end="2020-09-01">
<view>请选择日期--开始和结束限制</view>
</picker>

<picker mode="region">
<view>请选择地区</view>
</picker>

<button form-type="submit">提交</button>
<button form-type="reset">重置</button>
</form>

<button bindgetuserinfo="getUserInfo" open-type="getUserInfo">
获取当前登录用户的信息</button>

<button bindopensetting="openSetting" open-type="openSetting">
openSetting</button>