目录web前端全系列 教程
1839个小节阅读：2242.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
表单是常用的组件，同样，在表单中，也有很多配套的组件
多选项目，与html复选框基本一致
xxxxxxxxxx<checkbox checked="true"/>选中checked 表示初始状态为选中(true) 或 未选中(false)
配合 checkbox-group 形成一组
xxxxxxxxxx<checkbox-group> <checkbox checked="true" />读书 <checkbox checked="true" />打游戏 <checkbox />听音乐</checkbox-group>单选项目,与html单选框基本一致
xxxxxxxxxx<radio checked="true"/>选中checked 表示初始状态为选中(true) 或 未选中(false)
配合 radio-group 形成一组
xxxxxxxxxx<radio-group> <radio checked="true"/>选项1 <radio checked="false"/>选项2 <radio checked="false"/>选项3 <radio checked="false"/>选项4</radio-group>用来改进表单组件的可用性,与html的label基本一致
xxxxxxxxxx<label for="menu"> <checkbox id="menu" checked="true"/>选中</label>开关选择器,有着比较美观的展示效果
xxxxxxxxxx<switch />| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| checked | boolean | false | 否 | 是否选中 |
| disabled | boolean | false | 否 | 是否禁用 |
| type | string | switch | 否 | 样式，有效值：switch, checkbox |
| color | string | #04BE02 | 否 | switch 的颜色，同 css 的 color |
xxxxxxxxxx<switch /><switch checked="true"/><switch checked="true" disabled/><switch checked="true" type="checkbox"/><switch checked="true" color="red"/>多行输入框,与html多行输入框基本一致
xxxxxxxxxx<textarea />为了可见性，我们需要增加样式
xxxxxxxxxxtextarea{ border: 1px solid red;}| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| value | string | 否 | 输入框的内容 | |
| placeholder | string | 否 | 输入框为空时占位符 | |
| disabled | boolean | false | 否 | 是否禁用 |
| maxlength | number | 140 | 否 | 最大输入长度，设置为 -1 的时候不限制最大长度 |
| focus | boolean | false | 否 | 获取焦点 |
| auto-height | boolean | false | 否 | 是否自动增高 |
xxxxxxxxxx<textarea value="文本内容" /><textarea placeholder="占位符" /><textarea maxlength="10" /><textarea disabled /><textarea focus /><textarea auto-height/>实时效果反馈
1. 在微信小程序中，textarea 如何实现自动增高：
A maxlength
B focus
C auto-height
D value
答案
1=>C