layui框架form表单使用介绍(2)-木庄网络博客

2022-03-21 10:21:57 PHP中文网 JavaScript 百度已收录

<input type="text" lay-verify="email">
<input type="checkbox" checked lay-skin="switch" lay-filter="encrypt" title="是否加密">
<button lay-submit>提交</button>

具体参考：

title：【任意值】设置元素名称，用于 checkbox，radio

lay-skin：【switch(开关风格) primary(原始风格)】设置元素风格，只对checkbox有效

lay-filter：时间过滤器，类似于选择器，用于精确匹配

lay-verify:【required(必填项)，phone(手机号)，email(邮箱)，url(网址)，number(数字)，date(日期)，identity(身份证)】用于表单验证，同时支持多条验证规则 lay-verify="required|phone"

lay-verType：【tips(吸附层)，alert(弹框)，msg(默认)】：设置异常提示层

lay-submit:设置触发提交的元素。

更多layui知识请关注layui使用教程栏目。

以上就是layui框架form表单使用介绍的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《layui》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » layui框架form表单使用介绍

layui框架form表单使用介绍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论