[HTML] <form> の action についての調査

概要

• <form method="GET"> の action に get query を付与した場合の振る舞いを調べてみました。

結果

• method="GET" で action に get query を付与しても、form data で生成された query で上書きされてしまうようです。

actionにURLのみ指定

<form
  action="test.html"
  method="GET"
>
  <input name="text" value="Sending-text">
  <button type="submit">Send</button>
</form>

// 遷移先: .../test.html?text=Sending-text

actionにURLとqueryを指定

<form
  action="test.html?name=stew&amp;title=test"
  method="GET"
>
  <input name="text" value="Sending-text">
  <button type="submit">Send</button>
</form>

// 遷移先: .../test.html?text=Sending-text

• POST の場合、URL に付与した query はそのままでした。

method=POSTでactionにURLとqueryを指定

<form
  action="test.html?name=stew&amp;title=test"
  method="POST"
>
  <input name="text" value="Sending-text">
  <button type="submit">Send</button>
</form>

// 遷移先: .../test.html?name=stew&title=test