layui表单选择时间_layui框架表单的使用及自定义验证规则

摘要：layui 针对各种表单元素做了较为全面的UI支持，你无需去书写那些 UI 结构，你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点，你必须给表单体系所在的父元素加上class= "layui-form "，一切的工作都会在你加载完form模块后，自动完成

表单是在web开发中不可避免的问题，如果不使用框架，自己来设计表单将是一件非常麻烦和耗时的事情，但有了layui框架，表单就变得非常简单了，不用费尽心思的去想布局，也不用担心前端表单验证问题。

layui 针对各种表单元素做了较为全面的UI支持，你无需去书写那些 UI 结构，你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点，你必须给表单体系所在的父元素加上class="layui-form"，一切的工作都会在你加载完form模块后，自动完成。

下面来看看小案例：html>

layui 框架使用 

输入框

下拉选择框

写作

阅读

复选框

开关关

开关开

单选框

请填写描述

立即提交

重置

layui.use('form', function(){

var form = layui.form;

//各种基于事件的操作，下面会有进一步介绍

});