HTML 表格与表单

第二章 HTML 表格与表单

表格

1. 就近原则，在父元素和子元素都设置颜色，看元素理那个最近
2. align 在table 表示在整个屏幕的位置 在tr 或者td 表示内容的位置 valign 表示垂直内容的位置
3. cellspacing 单元格之间的距离 cellpadding

    
1
    
1
    
1
    
1
    
1


    
1
    
1
    
1
    
1
    
1


    
1
    
1
    
1
    
1
    
1


    
1
    
1
    
1
    
1
    
1


    
1
    
1
    
1
    
1
    
1

    

效果图片.png

---

1. table 嵌套
2. 单元格的和并 colspan rowspan 合并的同时删除不需要的单元格

        

            

                
1
            
            

                
1
                
1
                
1
            
            

                
1
            
            

                
1
            
            

                
1
            
        

效果图片.png

2.表单

1. input 标签 属性
   type：输入类型
   name：名称
   value：预设值
   size：输入框大小
   maxlength：最大输入值
2. type: text password file ...很多类型
3. textarea
   rows cols 行和宽的长度

        你的性别：
        男
        女

        你喜欢的运动：
        篮球
        足球
        羽毛球
        冰棒球
        

        您的出生日期：
        
            
                1
            2
            3
            4
            5
            6
                
            
            
            7
            8
            9
            10
            11
            12
            
        月
        

        
        
        

table实现登录页面

1. form表单
2. table 规划好布局，合并单元格
3. 按钮样式

            

                

                    
用户名：
                    

                    
[*请输入正确的用户名，不得出现特殊字符]
                
                

                    
密码：
                    

                    
[*请输入不少于6位的密码]
                
                

                    

                        
                    
                
            
            
        

效果.png

删除边框.png