web表格表单方法

Web期末笔记：表格 + 表单完整知识点

一、表格 table

  1. 基础标签

•

：表格容器

•

：表格一行

•

二、表单 form

  1. 核心作用

收集用户输入信息，提交给后端服务器。

  1. 基础结构
• action：数据提交后台接口地址

• method：提交方式

◦ get：参数拼在网址，数据量小、不安全

◦ post：数据请求体传输，适合密码、大量数据

  1. 常用表单控件

  2. 单行输入框

  3. 密码框

  4. 单选框（同name互斥）
    男
    女

  5. 复选框
    游戏

  6. 下拉选择框
    6. 多行文本域

：普通单元格

•

：表头单元格，文字默认加粗居中

基础结构

姓名 分数
小明 90
2. 细线表格核心代码（必考） table { border-collapse: collapse; /* 合并边框，消除双线 */ border: 1px solid #000; } td, th { border: 1px solid #000; padding: 6px 10px; } 3. 合并单元格

• 跨列合并：colspan="数字"

• 跨行合并：rowspan="数字"
例：

合并两列
posted @ 2026-07-09 00:20  yangyazhao  阅读(2)  评论(1)    收藏  举报