一
在沒有JavaScript的情況下，在表單中當(dāng)你點(diǎn)下submit后，瀏覽器將創(chuàng)建一個(gè)FormData并且將其作為請(qǐng)求體發(fā)送給服務(wù)器（server）

二
<form>內(nèi)部的button點(diǎn)擊后會(huì)觸發(fā)<form>的submit事件，submit事件默認(rèn)行為會(huì)刷新整個(gè)頁(yè)面
<button type="button">看似多余，其實(shí)是HTML阻止表單按鈕submit表單內(nèi)容的一種方式

三

<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">，默認(rèn)的method是get意味著瀏覽器請(qǐng)求下一個(gè)文檔（document）不會(huì)把表單數(shù)據(jù)作為post請(qǐng)求體，而是get請(qǐng)求的URLSearchParams

瀏覽器可以通過name屬性序列化表單的input，這里input name是q所以URL是http://127.0.0.1:5173/?q=ryan。如果name是search的話就變成?search=

2022-12-13