一
在没有JavaScript的情况下，在表单中当你点下submit后，浏览器将创建一个FormData并且将其作为请求体发送给服务器（server）
二
<form>内部的button点击后会触发<form>的submit事件，submit事件默认行为会刷新整个页面
<button type="button">看似多余，其实是HTML阻止表单按钮submit表单内容的一种方式
三
<form id="search-form" role="search">
<input
id="q"
aria-label="Search contacts"
placeholder="Search"
type="search"
name="q"
/>
<div id="search-spinner" aria-hidden hidden={true} />
<div className="sr-only" aria-live="polite"></div>
</form>
这里↑ 的form没有 <form method="post">，默认的method是get意味着浏览器请求下一个文档（document）不会把表单数据作为post请求体，而是get请求的URLSearchParams
浏览器可以通过name属性序列化表单的input，这里input name是q所以URL是http://127.0.0.1:5173/?q=ryan。如果name是search的话就变成?search=
2022-12-13
