get表单提交时，浏览器按dom顺序将带name属性的控件的name/value自动拼为url查询参数，空值保留键名，特殊字符自动编码，同名多值重复出现，方括号等符号原样编码后传输。
表单控件值不会自动拼进 URL，除非你用 GET 方法提交，或手动构造 URL —— 浏览器从不“猜”你要怎么拼。
GET 表单提交时，name/value 怎么变成 URL 查询参数
浏览器对 <form method="get"></form> 的处理是标准化的：所有带 name 的控件，按 DOM 顺序生成 key=value 对，再用 & 连接，最后拼到 URL 的 ? 后面。
- 空值也会保留键名，例如
<input name="q" value="">会产出q= - 空格、中文、
&、=等字符会被自动encodeURIComponent()，如q=hello world→q=hello%20world - 多个同名 checkbox（如
name="tag"）会生成多个tag=js&tag=html，不是tag=js,html - 如果 action 是相对路径（如
action="search"），浏览器会基于当前页面 URL 解析完整地址，再拼 query
手动拼 URL 时，为什么直接拼字符串会出错
常见错误是把用户输入原样插进 URL 字符串里，比如：`https://api.com?q=` + userInput。一旦 userInput 含空格、中文、& 或 =，URL 结构立刻被破坏。
- 正确做法永远是先
encodeURIComponent()单个值，再拼接：`https://api.com?q=` + encodeURIComponent(userInput) - 不要对整个 URL 调用
encodeURI()—— 它不编码/、?、=等分隔符，只适合编码已成型的完整 URL - 若要拼多个参数，推荐用 URLSearchParams：
const params = new URLSearchParams({ q: userInput, page: '1' }); location.href = '/search?' + params.toString(); -
URLSearchParams自动处理编码，且支持重复键（如.append('tag', 'a'); .append('tag', 'b')），输出符合标准的tag=a&tag=b
name 属性含方括号（如 user[name]）在 URL 中如何表现
HTML 不解析方括号，它只是原样发送。例如 <input name="user[name]" value="Alice"> 提交后，URL 查询字符串里就是 user[name]=Alice（[ → [，] → ]）。
- 这不是数组，也不是嵌套对象 —— 只是键名里带方括号字符
- PHP、Rails 等后端会主动识别并转成结构化数据；但 Express、Flask、Django 默认收到的是扁平键名
'user[name]' - 如果你控制前后端，建议避免
user[name]，改用更明确的命名如user_name，减少解析歧义 - 特别注意：点号（
.）在部分老框架中会触发意外解析（如当成对象路径），且.在 URL 中无需编码，容易引发混淆
真正容易被忽略的，是 DOM 顺序决定参数顺序 —— 尤其当用 CSS 改变视觉位置，或动态插入控件时，name 相同的多个字段提交顺序可能和用户预期完全相反。别依赖样式排布，检查 HTML 源码顺序才是唯一可靠依据。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
