html表单核心是容器+带name属性的控件+明确提交机制；action指定接收地址，method决定get（url传参）或post（请求体传参），name属性为后端取值依据。

HTML 表单通过一套结构化标签组合，把用户输入的数据“打包”并发送给服务器。核心不是单个标签，而是 <form></form> 容器 + 具备 name 属性的控件 + 明确的提交机制。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

表单必须用 `

` 包裹 所有可提交的输入元素（如文本框、下拉菜单）都得放在 `

` 标签内部，否则浏览器不会识别为可提交数据。 `

` 的两个关键属性决定数据去哪、怎么发： - `action`：指定接收数据的地址（比如 `/register` 或 `https://api.example.com/submit`），不填则默认提交到当前页面 URL - `method`：常用 `get` 或 `post` 　　• `get` 把数据拼在 URL 后面（如 `?username=abc&age=25`），适合搜索、筛选等非敏感小数据 　　• `post` 把数据放在请求体中，URL 干净，适合密码、文件、长文本等

每个输入项必须有 `name` 属性

浏览器只提交带 `name` 的控件，`id` 或 `class` 不起作用。后端靠 `name` 对应字段名来取值。 例如： ```html 管理员 ``` 提交后，服务器收到的就是 `email=xxx@xx.com` 和 `role=admin` 这样的键值对。

常用控件与对应数据类型

- 单行文本：`` - 密码：``（内容隐藏，但传输仍需 HTTPS 保障） - 邮箱/数字/日期：``、``、``（浏览器自动校验格式） - 多行文本：`` - 单选组：多个 ``，同名即互斥 - 复选框：``，可多选，提交时同名多个值 - 下拉菜单：`上海`

别忘了语义化和基础防护

- 用 `` 关联控件，提升可访问性和点击区域 - 加 `required` 属性让浏览器强制非空校验 - `type="email"`、`type="url"` 等原生类型自带基础格式验证 - 提交按钮用 `` 或 ``，确保触发表单提交行为

不复杂但容易忽略

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！