layui中form表单如何使用？

今天小编给大家分享的是layui中form表单如何使用，相信很多人都不太了解，为了让大家更加了解layui中form表单，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。

成都创新互联提供高防主机、云服务器、香港服务器、绵阳服务器托管等

一、layui简介：

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

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

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

二、目录结构

三、引入方式与表单案例

    
    
    
     
    
    


    

        

      
表单集合演示
        
      

        单行输入框
        

          
        
      
      

        验证必填项
        

          
        
      

      

        

          验证手机
          

            
          
        
        

          验证邮箱
          

            
          
        
      

      

        

          多规则验证
          

            
          
        
        

          验证日期
          

            
          
        
        

          验证链接
          

            
          
        
      

      

        验证身份证
        

          
        
      
      

        自定义验证
        

          
        
        
请填写6到12位密码
      

      

        

          范围
          

            
          
          
-
          

            
          
        
      

      

        单行选择框
        

          
            
            写作
            阅读
            游戏
            音乐
            旅行
          
        
      


      

        

          分组选择框
          

            
              请选择问题
              
                你工作的第一个城市
              
              
                你的工号
                你最喜欢的老师
              
            
          
        
        

          搜索选择框
          

            
              直接选择或搜索选择
              layer
              form
              layim
              element
              laytpl
              upload
              laydate
              laypage
              flow
              util
              code
              tree
              layedit
              nav
              tab
              table
              select
              checkbox
              switch
              radio
            
          
        
      

      

        联动选择框
        

          
            请选择省
            浙江省
            江西省
            福建省
          
        
        

          
            请选择市
            杭州
            宁波
            温州
            台州
            绍兴
          
        
        

          
            请选择县/区
            西湖区
            余杭区
            临安市
          
        
        
此处只是演示联动排版，并未做联动交互
      

      

        复选框
        

          
          
          
        
      

      

        原始复选框
        

          
          
          
        
      

      

        开关-默认关
        

          
        
      
      

        开关-默认开
        

          
        
      
      

        单选框
        

          
          
          
        
      
      

        普通文本域
        

          
        
      
      

        编辑器
        

          
        
      
      

        

          立即提交
          重置
        
      
    

关于layui中form表单如何使用就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。