小程序表单 -3

radio

单选项目。

属性说明

• value 当该 radio 选中时，radio-group 的 change 事件会携带 radio 的 value

• checked   当前是否选中  

• disabled    是否禁用  

• color   radio 的颜色，同 css 的 color 

radio-group

单项选择器，内部由多个 radio 组成。

属性说明

• bindchange  adio-group 中选中项发生改变时触发 change 事件，detail = {value:[选中的 radio 的 value 的数组]}

slider

滑动选择器。

属性说明·

• min   最小值 

• max  最大值 

• step   步长，取值必须大于 0，并且可被(max - min)整除

• disabled   是否禁用  

• value 当前取值  

• color  背景条的颜色（请使用 backgroundColor） 

• selected-color   已选择的颜色（请使用 activeColor） 

• activeColor  已选择的颜色  

• backgroundColor  背景条的颜色

• block-size   滑块的大小，取值范围为 12 - 28 

• block-color  滑块的颜色 

• show-value   是否显示当前 value  

• bindchange   完成一次拖动后触发的事件，event.detail = {value} 

• bindchanging   拖动过程中触发的事件，event.detail = {value} 

switch

开关选择器

属性说明

•  checked  是否选中  

• disabled   是否禁用  

• type   样式，有效值：switch, checkbox 

• color   switch 的颜色，同 css 的 color  

• bindchange   点击导致 checked 改变时会触发 change 事件，event.detail={ value} 

textarea

多行输入框。该组件是原生组件，使用时请注意相关限制

属性说明

•  value  输入框的内容  

• placeholder  输入框为空时占位符 

• placeholder-style  指定 placeholder 的样式，目前仅支持 color ,font-size 和 font-weight

• placeholder-class  指定 placeholder 的样式类 

• disabled   是否禁用  

• maxlength  最大输入长度，设置为 -1 的时候不限制最大长度  

• auto-focus  自动聚焦，拉起键盘。  

• focus   获取焦点  

• auto-height  是否自动增高，设置 auto-height 时，style.height 不生效 

• fixed  如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true 

• cursor-spacing   指定光标与键盘的距离。取 textarea 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 

• cursor   指定 focus 时的光标位置 

• show-confirm-bar  是否显示键盘上方带有”完成“按钮那一栏 

• selection-start  光标起始位置，自动聚集时有效，需与 selection-end 搭配使用  

• selection-end  光标结束位置，自动聚集时有效，需与 selection-start 搭配使用  

• adjust-position  键盘弹起时，是否自动上推页面  

• hold-keyboard  focus 时，点击页面的时候不收起键盘