layui中form表单的使用方法

这篇文章运用简单易懂的例子给大家介绍layui中form表单的使用方法，代码非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、成都做网站、四子王网络推广、小程序开发、四子王网络营销、四子王企业策划、四子王品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供四子王建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

一、layui简介：

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

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

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表单的使用方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。