table标签

示例1:利用table标签制作简单的表格

• 效果图
  
• 代码

    
    Demo


    

        

            
编号
            
姓名
            
性别
        
        

            
1
            
张三
            
男
        
        

            
1
            
张三
            
男
        
        

            
1
            
张三
            
男
        
    

示例2：个人简历

• 效果图：
• 代码：

    
    个人简历


    

        

            
用户名
            
zhangsan
            

                
            
        
        

            
年龄
            
18
        
        

            
民族
            
未知
        
        

            
个人爱好
            
……
        
        

            
工作经历
            
……
        
        

            
个人简介
            

        
    

• 代码中用到的的图片：
  

Form表单

用来和服务器进行交互的

示例1：用户注册页面

• 效果图：
  
• 源代码：

    
    用户登录


    
        用户名：

        密码：

        
    

说明：

• action：用来制定谁处理用户请求
• method：指定用户信息以什么方式提交到服务器，取值有：
• get：数据会回显在地址栏，不安全，长度有限制
• post：数据不会回显，安全，长度无限
• input：文本输入框
• type：输入框的类型：text、password、date……
• name：给服务器用，服务器通过该属性获取客户端提交的内容

示例2：用户注册

• 效果图
  
• 源代码

	
	    
	    user regist
	
	
	    
	        用户名:

	        密码:

	        性别:男：
	            女：

	        生日:

	        手机号:

	        爱好:水果：
	            米饭：
	            肉：
	            蔬菜：

	        邮箱:

	        家庭地址:
	        省:
	            广东
	            广西
	            山西
	            山东
	            河南
	            河北
	        
	        城市:
	            广东
	            广西
	            山西
	            山东
	            河南
	            河北
	        

	        工作经历:
	        
	
	        

	        个人介