本文共 1195 字,大约阅读时间需要 3 分钟。
在Layui中,表单元素可以通过设置 class="layui-form"
来标识。通过内置的 form
模块,Layui能够对表单进行渲染和交互处理。所有表单元素默认依赖 form
模块加载,若未加载,某些元素(如select、checkbox、radio等)将无法显示或功能失效。
属性名称 | 属性值示例 | 说明 |
---|---|---|
lay-verify | required|email | 定义验证规则,支持多规则结合 |
lay-skin | switch|primary | 定义元素风格,目前仅对 checkbox 和 radio 适用 |
lay-filter | 任意字符串 | 用于过滤事件匹配,类似选择器风格 |
lay-verType | tips|alert|msg | 定义异常提示类型 |
lay-submit | 无需填写值 | 绑定触发提交的按钮 |
required
:设定必填项,强制填写,默认为 false
lay-verify
:验证规则,结合多个规则使用lay-search
:开启搜索匹配功能lay-skin
:定义复选框风格(目前仅支持 switch
和 primary
)title
:定义复选框的文字提示checked
:设定默认选中状态title
:定义单选框的文字提示class="layui-textarea"
:使用Layui CSS样式Layui支持多种验证规则,如:
required
:必填项phone
:手机号email
:电子邮箱number
:数字类型date
:日期类型identity
:身份证号码通过 lay-verType
属性定义错误提示类型,如:
tips
:默认提示层alert
:对话框提示msg
:默认提示laysubmit
:定义为提交按钮lay-filter
:定义事件过滤器通过在表单项中添加 layui-form-pane
类名来使用表格方框风格。对于 checkbox)、radio
等组合元素,需在表单项中添加 pane
类。
通过设置 lay-ignore
属性(值任意,包括不设值),Layui将不对该元素进行美化处理,保持原有风格。
以下是一个完整的表单示例:
转载地址:http://xdgyk.baihongyu.com/