layui页面元素之表单

前言

本章给大家分享的是layui页面元素中表单的模块和赋值取值方式。

模块功能编码

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

先上效果图：

输入框

<input type="text" name="title"
 required lay-verify="required"
 placeholder="请输入标题" 
 autocomplete="off" class="layui-input">   

required:注册浏览器所规定的必填字段
lay-verifiy:注册form模块需要验证的类型
Class=“layui-input”：layui.css提供的通用css类

下拉选择框

<select name="city" lay-verify=""> 
 <option value="">请选择一个城市</option> 
 <option value="010">北京</option>  
 <option value="021">上海</option>  
 <option value="0571">杭州</option>
 </select>     

还可以通过optgroup标签给select分组：

<select name="quiz">  
<option value="">请选择</option>  
<optgroup label="城市记忆">    
<option value="你工作的第一个城市">你工作的第一个城市？