layui常用的表单标签_layui学习之10form表单元素

表单 - 页面元素

在一个容器中设定 class="layui-form" 来标识一个表单元素块，通过规范好的HTML结构及CSS类，来组装成各式各样的表单元素，并通过内置的 form模块 来完成各种交互。

依赖加载模块：form (请注意：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能)

标签区域

原始表单元素区域

样式： 代表一块独占整行

则不会占据整行

class="layui-input"：输入框

1.输入框：

layui.code

required：注册浏览器所规定的必填字段

lay-verify：注册form模块需要验证的类型

class="layui-input"：layui.css提供的通用CSS类

2.密码框

密码框

3.下拉列表

选择框

北京

上海

广州

深圳

杭州

样式：

：不会占据整行

属性：lay-search：以及通过设定属性 lay-search 来开启搜索匹配功能

你可以通过设定 selected 来设定默认选中项，disabled禁止选中项

4.单选框

单选框

属性title可自定义文本

属性disabled开启禁用

设置value="xxx"可自定义值，否则选中时返回的就是默认的on

5.复选框

复选框

属性title可自定义文本(温馨提示：如果只想显示复选框，可以不用设置title)

属性checked可设定默认选中

属性lay-skin可设置复选框的风格

设置value="1"可自定义值，否则选中时返回的就是默认的on

6.开关

开关

属性checked可设定默认开

属性disabled开启禁用

属性lay-text可自定义开关两种状态的文本

设置value="1"可自定义值，否则选中时返回的就是默认的on

7.文本域

文本域

class="layui-textarea"：layui.css提供的通用CSS类

8.提交按钮 属性:lay-submit

立即提交

重置