03 HTML表单

HTML 表单是一个包含表单元素的区域，用于搜集不同类型的用户输入。HTML表单在我们日常浏览网页时很常见，比如各网站的登录页面，就是典型的HTML表单应用。HTML表单常用的标签元素有如下几种：

1）Text input：字符输入框，一般账户与密码输入都是用的该标签

2）Text area：文本输入框，一般需要输入较多文本内容使用

3）Radio button：单选框

4）Checkbox：多选框

5）Select box：选择框

6）File select：文件选择框

7）Buttons：按钮

表单元素常用的属性及值设置如下表所示：

结合上表我们创建一个表单示列，按照上表的属性值进行设置，具体操作如下

1.   
2.   
3.   
4.     
5.     
6.   
7.   
8. 
  
9.   
Input输入框
  
10.   用户名 : 
  
11.   密码 : 
  
12.   
 Radio单选框:（name值设置时必须一致）
  
13.      Male  
14.      Female  
15.      Infant  
16.   
 Check box多选框 :（name值设置时必须不一样）
  
17.      Male  
18.      Female  
19.      Infant  
20.   
 Select box :选择框（单选）
  
21.       
22.       Male  
23.       Female  
24.       Infant  
25.       
26.   
 Select box :择框（多选）
  
27.     
28.     
29.     Male  
30.     Female  
31.     Infant 1  
32.     Infant 2  
33.     Infant 3  
34.     Infant 4  
35.     
36.   
 Text文本输入框
  
37.     文本框  
38.        HTML基础教程  
39.        表单示列  
40.     
41.   
42. 
43. 

下面我们再创建一个button的表单示列，具体如下

1.   
2.   
3.   
4.     
5.     
6.   
7.   
8.   
9.     
10.     
11.     
 Buttons按钮表单示列
  
12.     用户名 : 
  
13.     密码 : 
  
14.       
15.     
  
16.       
17.       
18.       
19.     
  
20.     
21.   
22.   
23.   

04 HTML框架iframe

使用HTML框架可以在同一个浏览器窗口中显示多个页面，iframe的语法格式如下所示

1.   
2.     
3.   
我们现在创建一个iframe框架使用示列具体如下
1.   
2.   
3.   
4.     
5.     
6.   
7.   
8.   
9.   
iframe使用示列一(简单的iframe使用)
  
10.     
11.     
12.   
13.   
  
14.   
  
15.   
16.   
iframe使用示列二(通过点击指定链接在iframe中显示)
  
17.     
18.   点击我在iframe中显示qq页面  
19.     
20.   
21.   

05 总结

至此我们《HTML基础教程》就全部讲完了，有任何问题都可以在文章后面留言。最后如果喜欢本篇文章不要忘了点赞、关注与转发哦！