Bootstrap Form

用Bootstrap去调form和table。

如图：

Form界面

若未填就提交：

提交后将提交的信息以一个table的形式呈现，例如：

其他错误也进行相应提示，除了常规的validation还有注意几点要求：

Full Name要求有且只有一个空格

输入时按日月年，输出时按年月日

目录结构：

那个css文件有点小问题但是可以用。也可以根据需求自己写。

index.php:

includes/display_form.php:


               
                           
               
    
            
    
     Registraion Form
    
            
    
        
   
        
               
    
            
                    
                         
                              
                                   Full Name:                             
                                                          
                           
      
                    
      
                    
                              
                                   Email:                             
                                                          
                           
      
                    
      
                    
                              
                                   Mobile:                             
                                                          
                           
      
                    
      
                    
                              
                                   Date of birth:

includes/display_data.php:


               
                           
        
               
                    
     
                
     
      Registration Table
     
                
     
            
    
            
                    
     
                
                         
      
                                                 Full Name           
                   
                                          Email           
                   
                                          Mobile           
                   
                                          Date of birth

Full Name
Email
Mobile
Date of birth

includes/header.php:

            
           
           
           Bootstrap Theme

includes/footer.php:

上一篇：第二章 2.4 连续型随机变量及其概率密度

下一篇：第三章栈和队列 —— 循环队列

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

Bootstrap Form

发表评论

最新留言

关于作者

推荐文章