表单不止表单这一个,输入框,下拉框选择,复选框,开关,单选框,组装行内表单也属于表单的范畴,下面来认识一下吧!
(1)输入框:
代码中的 :required: 注册浏览器所规定的必填字段
lay-verify:注册from模块需要验证的类型
class="layui-input:layui.css提供的通用css类
(2)下拉框:
上述option的第一项主要是占一个位置,让form模块预留“请选择”的提示空间,否则将会把第一项(存在value值)作为默认选中项。你可以在option的空值项中自定义文本
- 复选框
- 属性title可自定义文本(如果只想显示复选框,可以不设title)
- 属性checked可设定默认选中
- 属性lay-skin可设置复选框的风格
- 设置value=1可自定义值,否则选中时返回一个默认的on
(4)开关
- 属性checked可设置默认开或者关
- 属性disabled开启禁用
- 属性lay-text可自定义开关两种状态的文本
- 设置value=1可自定义,否则选中时返回一个默认的on
(5)单选框
- 属性title可自定义文本
- 属性disabled开启禁用
- 设置value=1可自定义值,否则选中时返回一个默认on
(6)组装行内表单
值得注意的是:class=“layui-inline”是定义层行内
class=“layui-input-inline”是定义内层行内
最后,当你对表单元素增加属性lay-ignore·设置后,将不会对该标签进行美化渲染,保留原有的风格特性,