N Nexus UI Component Library
v3.0
陈
由页面以纯 HTML 打开并书写内容。 ========================================================================= -->
表单 / 11

基础表单

文本框、密码、邮箱、电话、网址、数字、多行文本、下拉、单选、复选、开关、滑块、步进器、搜索框与输入组——表单控件全家桶,以及一个可以直接抄走的完整表单。

文本类输入

.field / .input / .req / .help / .err
基础类型
与营业执照一致,最多 60 个字符。
需以 http:// 或 https:// 开头。
状态:默认 / 只读 / 禁用 / 错误
只读用于展示由系统生成、不允许人工改动的值。
该名称已被占用,请更换

密码 · 数字 · 多行文本

data-pwd / .textarea / .num-step
密码显隐
至少 8 位,需包含大小写字母与数字。

密码强度:较强

数字与数量
单次最多 99 件,库存充足。
多行文本
已输入 68 / 300 字
驳回理由至少 10 个字

选择类控件

.select / .cbx / .rdo / .switch
下拉选择 · 含分组
单选 · 复选
单选组(合同类型)
复选组(附加服务)
开关

滑块 · 搜索 · 输入组

data-range / .search / .input-group / .input-affix
滑块 · 带值回显
2400
80
质量越高体积越大,建议保持在 75–85 之间。
24
搜索框

.search 容器会把放大镜固定在左侧 12px 处,并给输入框预留内边距;右侧的 kbd 常用于提示快捷键。

输入组与前后缀
¥ CNY
.nexus-ui.dev
.input-affix 为右侧按钮预留 44px 内边距。

完整表单示例 · 新建收货地址

grid + field
公司 可收货
带 * 的为必填项,保存后可随时修改