作者：

专栏：C语言编程----小比特成长日记?

前言：趁年轻，余额不足可以挣。电量不足可以充，时间匆匆不再回来，趁年轻就去多付出，不攀比，不抱怨，不计较，多付出，因为有一种努力叫靠自己。前一篇文章我们着重学习了HTML中的，标题标签，段落标签，超链接，锚点链接，图片标签等，今天小编带大家一起来学习HTML下半部分的表格标签，列表标签，表单标签以及包含在其内部的知识的案例实现，希望小伙伴们认真学习天天进步！！！

目录

一.案例描述：

二.用到的主要标签：

1.表格标签：

?a）代码：

b）实现效果：

2.表单标签：

a）表单域：

?b）常用属性：

三.表单控件：

1.input输入表单元素：

a）主要type属性

b）代码：

c）实现：

d）解释：

2.select下拉表单元：

a)代码实现?：

?编辑

3.textarea文本域元素：

a）代码实现：

b）实现：

?四.案例实现：

1.代码

2.实现效果：

---

一.案例描述：

今天我们使用TTML中的基本标签，创建一个“青春有我”，的网页，要求录入网友信息。

二.用到的主要标签：

1.表格标签：

a）代码：

    
    
    
    


    

        
姓名
性别
年龄
        
张三
男
19
        
赵四
男
10
    


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

b）实现效果：

2.表单标签：

a）表单域：

b）常用属性：

三.表单控件：

1.input输入表单元素：

a）主要type属性

b）代码：

    
    
    
    


    

        用户名 

        密码  

        选择性别：男 女
        爱好：吃饭 大人
         
        
        

        
        上传头像
        

        用户名
    


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

c）实现：

d）解释：

2.select下拉表单元：

a)代码实现：

    
    
    
    


    

    籍贯：
    
        山东
        保定 
        北京
        南昌
    
     


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

b）效果：

---

3.textarea文本域元素：

a）代码实现：

    
    
    
    


    

        
        
    


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

b）实现：

四.案例实现：

1.代码

    
    
    
    


    
青春不长在
    

        
        

            
性别：
            

                 男 
                 女
            
        
        
        

            
年龄：
            

                
                    ---请选择年份---
                    2001
                    2002
                    2003
                
                
                    ---请选择月份---
                    2
                    3
                    4
                
                
                    ---请选择日---
                    12
                    13
                    14
                
            
        
        
        

            
所在地区
            

                
            
        
        
        

            
婚姻状况
            

                未婚
                已婚
                离婚
            
        
        
        

            
学历
            

        
        
        

            
喜欢的类型
            

                小鲜肉
                乘数
                稳重
            
        
        
        

            
自我介绍
            
个人简介
        
        
        

            

            

        
        
        

            

            
我同意注册
        
        
        

            

            
我是会员立即登录
        
    
  
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

2.实现效果：

结语：

每个人的成长都是能力和想要得到的东西，不断匹配的过程，当你的才华和欲望不匹配时，你就该静下心来学习了，如果小编的总结能对你有所帮助，希望小伙伴们三连加关注哦，你的支持是小编创作的最大动力。

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦