HTML基础语法（二）

（接上文：HTML基础语法（一）-CSDN博客）

3.2.5）表格标签

一种布局，当数据需要以行列形式呈现时使用，看起来整齐（CSS为表格设置样式；CSS也有一些其他的常用布局）。

：表格
：行
：单元格
：表头单元格（默认加粗、居中）
：行合并（竖长条是行合并）
：列合并（横长条是列合并）

应用举例：

        

                
学号
                
姓名
                
年龄
                
成绩
        
        

                
1001
                
小绿
                
19
                
90.5
        
        

                
2006
                
30
        
        

                
3007
                
小明
                
18
        

3.2.6）表单标签

表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个HTML 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性（本文只展开设计表单及点击提交这一步，其余交互步骤后续展开）。
所有用户输入内容的地方都用表单来写，如登录注册、搜索框。
一个表单一般应该包含用户填写信息的输入框、提交按钮等，这些输入框或按钮叫做控件。
表单是一个容器，能够容纳多个、不同种类的控件。

第一步：定义表单

：定义表单的开始和结束位置（表单域）。

表单元素

表单元素就是表单中可以放入的控件。各元素的属性用键值对指定。

• ：文字标注

用户名: 

• ：下拉列表

        ---请选择---
        帝都
        魔都

• ：多行文本框
• ：文本框

使用广泛，通过type属性的不同值，表现不同的形态。

常用的type属性：文本框text（里面文字可见）、密码框password（录入信息不可见）、单选按钮radio（同一组按钮name相同、value值不同）、多选按钮checkbox、普通按钮button、图片按钮image、文件file、提交按钮submit（具备提交功能）、重置按钮reset、hidden隐藏域、email（有校验功能）、url、color、number、range、date、month、week

常用的type属性中的属性：

multiple="multiple"：多选
placehoder：默认提示语
autofocus="autofocus"：自动获取焦点
required="required：必填项

readonly：只读，不能修改，可以正常提交

checked="checked"：默认选中

min：最小值 max：最大值 step：步长 value：默认值（必须定在步长的范围中，否则不能提交）（用在number、range中）

第二步：提交表单

当用户提交表单时，可以通过表单的action属性指定服务器处理表单数据的URL，通过method属性指定提交数据的方法（如GET或POST）。服务器端需要编写相应的处理程序来接收和处理表单数据。

当用户填写完表单并点击提交按钮时，表单数据将被发送到服务器进行处理。服务器可以通过表单标签的action属性指定的URL来接收和处理表单数据。

method属性的get与post：

get方式：提交数据可见，不安全，提交数据长度有限制，效率高 

post方式 ：提交数据不可见，安全，提交数据长度没有限制，效率低

应用举例1：

• 定义如下表单，地址："submit_form"（没有这个地址对应的服务，跳转后会出错，能正常输入且提交即可）。

  
  姓名：  
    
  
  
  邮箱：  
    
  
  
  年龄：  
    
  
  
  性别：  
    
  男
  
    
  女
  
  
  
  兴趣爱好：
  
    
  阅读
  
    
  运动
  
    
  音乐
  
  
  
    
  
  
    

应用举例2：

• 模拟百度搜素：文本框输入文字，点击百度一下，可以跳转到实际的百度搜索出的页面

​​​​

3.3）框架集合

框架集合是一种网页布局技术，用于将一个网页分割成多个独立的部分，每个部分都可以单独加载和滚动，如将一个网页拆分为顶部导航栏、侧边栏、主内容区域等多个部分。

框架集合是与并列的容器，不要将框架集合放入中。

举例：