layui中form表单使用示例-Layui教程-PHP中文网

layui中form表单使用示例

一、layui简介：

1、layui是一款采用自身模块规范编写的前端 UI 框架，开源的模块化前端 UI 框架，区别于那些基于 MVVM 底层的 UI 框架。

2、优点：原生开发模式、模块化、兼容性强

3、layui可作为 PC网页端后台系统与前台界面的速成开发方案

二、目录结构

三、引入方式与表单案例




    
    
    layui_learn_one
     
    
    



    
        
      表单集合演示
        
      
        单行输入框
        
          
        
      
      
        验证必填项
        
          
        
      

      
        
          验证手机
          
            
          
        
        
          验证邮箱
          
            
          
        
      

      
        
          多规则验证
          
            
          
        
        
          验证日期
          
            
          
        
        
          验证链接
          
            
          
        
      

      
        验证身份证
        
          
        
      
      
        自定义验证
        
          
        
        请填写6到12位密码
      

      
        
          范围
          
            
          
          -
          
            
          
        
      

      
        单行选择框
        
          
        
      


      
        
          分组选择框
          
            
          
        
        
          搜索选择框
          
            
          
        
      

      
        联动选择框
        
          
        
        
          
        
        
          
        
        此处只是演示联动排版，并未做联动交互
      

      
        复选框
        
          
          
          
        
      

      
        原始复选框
        
          
          
          
        
      

      
        开关-默认关
        
          
        
      
      
        开关-默认开
        
          
        
      
      
        单选框
        
          
          
          
        
      
      
        普通文本域
        
          
        
      
      
        编辑器