layui中form表单使用示例

一、layui简介：

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

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

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

二、目录结构

迦恩计算机资源网源码(图书销售类)

采用三层架构开发，前台集成了产品在线展示，用户注册、在线调查、在线投稿后台有类别管理\图书管理\订单管理\会员管理\配送范围管理\邮件列表\广告管理\友情链接管理等后台添加图书时自动生成缩略图和文字水印主要参考了petshop的设计架构、使用了Asp.net2.0中很多MemberShip、master等新功能后台管理地址/web/admin/ 超级管理员账号密码均为aspx1特别提示：该系统需要

下载

三、引入方式与表单案例

    
    
    
     
    
    


    

        

      
表单集合演示
        
      

        单行输入框
        

          
        
      
      

        验证必填项
        

          
        
      

      

        

          验证手机
          

            
          
        
        

          验证邮箱
          

            
          
        
      

      

        

          多规则验证
          

            
          
        
        

          验证日期
          

            
          
        
        

          验证链接
          

            
          
        
      

      

        验证身份证
        

          
        
      
      

        自定义验证
        

          
        
        
请填写6到12位密码
      

      

        

          范围
          

            
          
          
-
          

            
          
        
      

      

        单行选择框
        

          
            
            写作
            阅读
            游戏
            音乐
            旅行
          
        
      


      

        

          分组选择框
          

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

          搜索选择框
          

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

      

        联动选择框
        

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

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

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

      

        复选框
        

          
          
          
        
      

      

        原始复选框
        

          
          
          
        
      

      

        开关-默认关
        

          
        
      
      

        开关-默认开
        

          
        
      
      

        单选框
        

          
          
          
        
      
      

        普通文本域
        

          
        
      
      

        编辑器
        

          
        
      
      

        

          立即提交
          重置
        
      
    

更多layui知识请关注layui使用教程栏目。