Form表单

开发工具与关键技术： VS、HTML
作者：方建恒
撰写时间：2021/9/18
下面我们来学习一下layui里的Form表单部分的应用，
首先我们了解一下Form表单的作用 ，
HTML表单主要用于收集用户输入的信息，
是我们在编程中较为常用的一个模块。
在layui中我们可以通过在一个容器中，
设定class=”layui-form”来标识一个表单元素块，
通过规范好的HTML结构及CSS类，
来组装成各式各样的表单元素，
并通过内置的 Form模块 来完成各种交互。
接下来我们来认识一下layui中的一些常用的表单元素：

1. 输入框：
   用于输入文本。具体代码如下：
   
   注：required：注册浏览器所规定的必填字段。
   lay-verify：注册form模块需要验证的类型。
2. 密码框：
   用于输入加密的文本。具体代码如下：
   
   注：属性class=“layui-inline”：定义外层行内。
   属性值 password：定义输入的文本为加密的形式。
3. 下拉选择框：
   一个可选的列表。具体代码如下：
   
   注：上述option的第一项是占个位，
   让form模块预留“请选择”的提示空间，
   否则将会把第一项（存在value值）作为默认选中项。
   你可以在option的空值项中自定义文本，如：请选择分类。
   也可以在任意一个option标签中加上selected属性，
   这样的话带有selected属性的将会作为默认选中项。
4. 单选框：
   用于单项选择。具体代码如下：
   
   注：checked属性为默认选中项。
5. 复选框：
   用于同时选择多个选项。具体代码如下：
   
   注：属性title可自定义文本，如果只想显示复选框，可以不用设置title。
   属性checked可设定默认选中。
   属性lay-skin可设置复选框的风格。
6. 文本域：
   用于输入大量文本。具体代码如下：
   
   注：属性placeholder可设定文本提示。
7. 开关：
   它属于checkbox复选框的“变种”，
   通过设定 lay-skin=“switch” 形成了开关风格。具体代码如下：
   
   注：属性checked可设定默认开。
   属性disabled开启禁用。
   属性lay-text可自定义开关两种状态的文本。
   以上就是layui中一些比较常用的form表单的常用元素。