今天小編給大家分享的是layui中form表單如何使用，相信很多人都不太了解，為了讓大家更加了解layui中form表單，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

成都創(chuàng)新互聯(lián)提供高防主機、云服務器、香港服務器、綿陽服務器托管等

一、layui簡介：

1、layui是一款采用自身模塊規(guī)范編寫的前端 UI 框架，開源的模塊化前 端 UI 框架，區(qū)別于那些基于 MVVM 底層的 UI 框架。

2、優(yōu)點：原生開發(fā)模式、模塊化、兼容性強

3、layui可作為 PC網頁端后臺系統(tǒng)與前臺界面的速成開發(fā)方案

二、目錄結構

三、引入方式與表單案例

    
    
    
     
    
    


    

        

      
表單集合演示
        
      

        單行輸入框
        

          
        
      
      

        驗證必填項
        

          
        
      

      

        

          驗證手機
          

            
          
        
        

          驗證郵箱
          

            
          
        
      

      

        

          多規(guī)則驗證
          

            
          
        
        

          驗證日期
          

            
          
        
        

          驗證鏈接
          

            
          
        
      

      

        驗證身份證
        

          
        
      
      

        自定義驗證
        

          
        
        
請?zhí)顚?到12位密碼
      

      

        

          范圍
          

            
          
          
-
          

            
          
        
      

      

        單行選擇框
        

          
            
            寫作
            閱讀
            游戲
            音樂
            旅行
          
        
      


      

        

          分組選擇框
          

            
              請選擇問題
              
                你工作的第一個城市
              
              
                你的工號
                你最喜歡的老師
              
            
          
        
        

          搜索選擇框
          

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

      

        聯(lián)動選擇框
        

          
            請選擇省
            浙江省
            江西省
            福建省
          
        
        

          
            請選擇市
            杭州
            寧波
            溫州
            臺州
            紹興
          
        
        

          
            請選擇縣/區(qū)
            西湖區(qū)
            余杭區(qū)
            臨安市
          
        
        
此處只是演示聯(lián)動排版，并未做聯(lián)動交互
      

      

        復選框
        

          
          
          
        
      

      

        原始復選框
        

          
          
          
        
      

      

        開關-默認關
        

          
        
      
      

        開關-默認開
        

          
        
      
      

        單選框
        

          
          
          
        
      
      

        普通文本域
        

          
        
      
      

        編輯器
        

          
        
      
      

        

          立即提交
          重置
        
      
    

關于layui中form表單如何使用就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。