📝 轻量表单组件演示

不依赖 TDesign 和 Formily，使用原生 HTML 实现

基础输入组件

输入框 (input)*

数字输入 (number)

多行文本 (textarea)

范围输入 (range-input)

~

标签输入 (tag-input)

标签1 × 标签2 ×

选择组件

下拉选择 (select)

多选下拉 (multi-select)

请选择

▼

树形多选 (tree-select)

请选择部门/人员

▼

单选框 (radio)

选项 A 选项 B 选项 C

多选框 (checkbox)

选项 A 选项 B 选项 C

级联选择 (cascader)

日期时间组件

日期选择 (date)

周选择 (week)

月选择 (month)

季度选择 (quarter)

年选择 (year)

时间选择 (time)

日期范围 (date-range)

至

时间范围 (time-range)

至

特殊输入组件

开关 (switch)

关闭

滑块 (slider)

30

评分 (rate)

★ ★ ★ ★ ★

当前评分: 3 分

颜色选择 (color-picker)

#0052d9

文件上传组件

文件上传 (upload)

📁

点击或拖拽文件到此处上传

支持 jpg、png、pdf 格式，单个文件不超过 10MB

图片上传

🖼️

点击上传图片

支持 jpg、png、gif 格式

地址组件

地区选择 (regionCascader)

详细地址 (address)

预设组件

姓名 (customName)

性别 (customGender)

男女

手机号 (customPhone)

邮箱 (customEmail)

出生日期 (customBirthDate)

年龄 (customAge)

学历 (customEducation)

行业 (customIndustry)

签名组件

手写签名 (signature)

身份认证组件

👤 个人身份认证

ℹ️ 本项目要求您完成个人认证

* 姓名

* 手机号

* 验证码

🚗 车主身份认证

ℹ️ 本项目要求您完成车主认证

🚗 京A12345 已认证

›

🚗 粤B67890 已认证

›

🏢 企业认领

ℹ️ 本项目要求您完成企业认证

🏢

深圳市科技有限公司统一信用代码：91440300...

已认领

›