微信小程序（八）

input

input有许多属性。
value 输入框的初始内容
type有这几个选项text 文本输入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘，调用手机输入键盘
password = ‘{{true}}’ 是否是密码类型
placeholder = ‘提示’ 当input无内容时提示用户输入
disabled = ‘{{false}}’ 禁用
maxlength 最大长度
focus = ‘{{true}}’ 进入页面时自动聚焦到该控件上
confirm-type 键盘右下角的字，有这几个选项send search next go done
有下面四个触发事件bindinput（输入框输入时触发，每输入一个字符就触发一次）， bindfocus（获得焦点触发），bindblur（失去焦点触发），bindconfirm（点击键盘右下键时触发）

picker

从底部弹起的滚动选择器。
单一选择器，根据mode选择，有multiSelector，time，date，region

//js
arrayObject:[
      {id:"1001",name:'ay'},
      { id: "1002", name: 'aa' },
      { id: "1003", name: 'ab' },
      { id: "1004", name: 'ac' }
    ]
changeMe:function(e){
    console.log(e.detail.value)//选择的下标
  },
   //wxml  当数组是个对象数组时要显示的属性写进range-key
<picker mode = 'selector' range='{{arrayObject}}' range-key='name'
bindchange='changeMe' bindcancel='cancelMe'>
  请选择我
</picker>

多项选择器，传入的需是二维数组，此时bindchange传入的是个数组，是当前两列所选中的下标的值。bindcolumnchange是传入改变的列下标，以及值的下标

arrayObject:[
      [{ id: '1', name: 'aa' }, { id: '2', name: 'ab' }, { id: '3', name:'ac' }],
      [{ id: '4', name: 'ad' }, { id: '5', name: 'af' }, { id:'6', name:'ag' }]
    ],

<picker mode='multiSelector' range="{{arrayObject}}" range-key='name'>请选择地区</picker>

time
date
region

radio

与checkbox类似，但是是单选框，一样要有父标签group

<radio-group>
  <radio value='v中国' color='red'>中国</radio>
    <radio value='v美国' color='red'>美国</radio>

  <radio value='v俄国' color='red'>俄国</radio>

</radio-group>