微信小程序(八)

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

  请选择我

多项选择器,传入的需是二维数组,此时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' }]
    ],

请选择地区

time
date
region

radio

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


  中国
    美国

  俄国


你可能感兴趣的:(微信小程序)