【HTML】フォームの送信時にsubmit 属性のinput タグのパラメータを送らない方法

小ネタです。

フォームを作っていると、送信ボタンのようなsubmit 属性のinput タグを用意すると思います。
inputタグでボタンを作る場合、value の値が表示されますので、次のようにコーディングします

<form method="GET" action="https://example.com">
     <input type="hidden" name="value" value="1">
     <input type="submit" name="submit_button" value="送信">
</form>

この状態でsubmitすると、submitに設定したvalueまで送信してしまします。

https://example.com?value=1&submit_button=%E9%80%81%E4%BF%A1

送信ボタンに設定した値を送信したくない場合はどうしたらいいでしょうか?

解決方法

ボタンのname 属性を未設定にします。

<form method="GET" action="https://example.com">
     <input type="hidden" name="value" value="1">
     <input type="submit" value="送信">
</form>

設定されていない場合、パラメータを送信されません。

https://example.com?value=1

©︎2017-2018 WebSandBag