form结构：点击打开链接
在一个容器中设定 class="layui-form" 来标识一个表单元素块，并通过内置的 form模块 来完成各种渲染和交互。
依赖加载模块：form （请注意：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能）
标签区域
原始表单元素区域
...
属性名属性值说明title任意字符设定元素名称，一般用于checkbox、radio框lay-skinswitch（开关风格） primary（原始风格）定义元素的风格，目前只对 checkbox 元素有效，可将其转变为开关样式lay-ignore任意字符或不设值是否忽略元素美化处理。设置后，将不会对该元素进行初始化渲染，即保留系统风格lay-filter任意字符事件过滤器，主要用于事件的精确匹配，跟选择器是比较类似的。其实它并不私属于form模块，它在 layui 的很多基于事件的接口中都会应用到。lay-verifyrequired（必填项）phone（手机号）email（邮箱）url（网址）number（数字）date（日期）identity（身份证）自定义值同时支持多条规则的验证，格式：lay-verify="验证A|验证B" 如：lay-verify="required|phone|number" 另外，除了我们内置的校验规则，你还可以给他设定任意的值，比如lay-verify="pass"，那么你就需要借助form.verify()方法对pass进行一个校验规则的定义。详见表单验证lay-verTypetips（吸附层）alert（对话框）msg（默认）用于定义异常提示层模式。注意：该功能为 layui 2.2.0 新增lay-submit无需填写值绑定触发提交的元素，如button
输入框：
required：注册浏览器所规定的必填字段 lay-verify：注册form模块需要验证的类型 class="layui-input"：layui.css提供的通用CSS类
账号
select下拉框：
属性selected可设定默认项 属性disabled开启禁用
正常模式：
下拉框
杭州
上海
北京
西安
分组模式：通过 optgroup 标签给select分组, label属性为分组名。
下拉框
optgroup标签给select分组
杭州
上海
北京
西安
带搜索模式：设定属性 lay-search 来开启搜索匹配功能
下拉框
lay-search搜索
杭州
上海
北京
西安
复选框：
属性title可自定义文本（温馨提示：如果只想显示复选框，可以不用设置title） 属性checked可设定默认选中 属性lay-skin可设置复选框的风格 设置value="1"可自定义值，否则选中时返回的就是默认的on
复选框
复选开关：
属性checked可设定默认开 属性disabled开启禁用 属性lay-text可自定义开关两种状态的文本 设置value="1"可自定义值，否则选中时返回的就是默认的on
复选开关
单选框：
属性title可自定义文本 属性disabled开启禁用 设置value="xxx"可自定义值，否则选中时返回的就是默认的on
单选框
文本域：
class="layui-textarea"：layui.css提供的通用CSS类
文本域
忽略美化元素：不推荐这样做
你可以对表单元素增加属性 lay-ignore 设置后，将不会对该标签进行美化渲染，即保留系统风格
表格方框格式：
通过追加 layui-form-pane 的class，来设定表单的方框风格。内部结构不变
- 内部结构都一样，值得注意的是 复选框/开关/单选框 这些组合在该风格下需要额外添加 pane属性（否则会看起来比较别扭），如：
-
- 单选框
-
-
-
-
-
练习：
账号
密码
辅助文字
下拉框
杭州
上海
北京
西安
optgroup标签给select分组
杭州
上海
北京
西安
lay-search搜索
杭州
上海
北京
西安
复选框
复选开关
单选框
文本域
提交
重置
layui.use(['form','layer'],function(){
var form = layui.form;
var layer = layui.layer;
//监听提交按钮
form.on('submit(formDemo)',function(data){
layer.msg(JSON.stringify(data.field)); /* 表单json数据 */
return false;
});
})
title的值会显示在复选框内 -->
复选开关
单选框
文本域
提交
重置
结果：
