表单-- from元素的集合

 

 

                        

表单不止表单这一个，输入框，下拉框选择，复选框，开关，单选框，组装行内表单也属于表单的范畴，下面来认识一下吧！

（1）输入框:

 

代码中的 ：required： 注册浏览器所规定的必填字段
           lay-verify：注册from模块需要验证的类型
           class="layui-input：layui.css提供的通用css类

 

（2）下拉框：

     

上述option的第一项主要是占一个位置，让form模块预留“请选择”的提示空间，否则将会把第一项（存在value值）作为默认选中项。你可以在option的空值项中自定义文本

 

1. 复选框

1. 属性title可自定义文本（如果只想显示复选框，可以不设title）
2. 属性checked可设定默认选中
3. 属性lay-skin可设置复选框的风格
4. 设置value=1可自定义值，否则选中时返回一个默认的on

 

（4）开关

1. 属性checked可设置默认开或者关
2. 属性disabled开启禁用
3. 属性lay-text可自定义开关两种状态的文本
4. 设置value=1可自定义，否则选中时返回一个默认的on

 

（5）单选框

1. 属性title可自定义文本
2. 属性disabled开启禁用
3. 设置value=1可自定义值，否则选中时返回一个默认on

 

（6）组装行内表单

值得注意的是：class=“layui-inline”是定义层行内

              class=“layui-input-inline”是定义内层行内

最后，当你对表单元素增加属性lay-ignore·设置后，将不会对该标签进行美化渲染，保留原有的风格特性，