表单是B/S架构应用系统中的常见元素，其主要用于收集用户的输入信息。系统中创建、维护各类数据对象的信息时大多数都使用表单。Layui支持通过预设类设置表单及表单元素的样式，同时通过form模块来完成各种交互。普通表单及基于layui样式的表单的对比如下所示。

  Layui中使用预设类layui-form设置表单的顶层元素样式（顶层元素可以是form，也可以是div等），其下包含一系列预设类为layui-form-item的表单项集合，每个表单项占据一行，其内部有几种元素排列方式：
  1）输入项占据整行内容，此时采用预设类layui-form-label设置包含输入项名称的标签元素，采用预设类layui-input-block设置包含input元素或其它输入项的div元素；
  2）输入项占据部分行内容，此时采用预设类layui-form-label设置包含输入项名称的标签元素，采用预设类layui-input-inline设置包含input元素或其它输入项的div元素（查看layui.css，layui-form-label元素的最大宽度好像是不超过450px）；
  3）包含多个子输入项，layui官网教程中介绍说是layui-inline定义外层行内，layui-input-inline定义内层行内，感觉不是很好理解。个人理解layui-inline类似定义表单项包含几列，layui-form-item中包含几个layui-inline，就意味着有几列输入内容，然后每列中layui-form-label设置输入项名称，layui-input-block或layui-input-inline包含输入项元素。

   参照CSDN中上传资源页面编写简单的基于layui的表单示例，代码及效果图如下所示：

	
资源名称
资源描述
资源标签
所属分类
前端后端行业研究移动开发操作系统
发布形式
所需积分
看看大家如何定价
动态调分
			  				  
提交

参考文献：
[1]B站：layui框架精讲全套视频教程
[2]https://layui.gitee.io/v2/docs/
[3]https://layui.gitee.io/v2/demo/
[4]https://github.com/layui/layui/
[5]https://qa.1r1g.com/sf/ask/3503840931/