Form tagがEnterキーでSubmitされるままで隠されたパラメータも送る(HTML)

Formタグの中にinput tagが一つだけだと Enterを押した時にpostやらgetやらが実行される.

でもFormタグの中に複数のinput tagが配置されているとその機能は無効化されるみたい.

https://www.tjvantoll.com/2013/01/01/enter-should-submit-forms-stop-messing-with-that/

でも、複数の入力はなくて一つのみの入力けど、隠しパラメータを複数送りたいだけってときはまだ希望がある.

この場合は、隠したいinputのtypeをhiddenにすると、

Enterキーで送信される機能が有効のままになる.

こんな感じ

< form actoin=”/get-something” method=”get”>
< input type=”text” name=”query”>
< input type=”hidden” name=”lang” value=”ja” style=”display:none;”>
</ form>

上の一つ目が入力として現れて、下の方はhidden typeとして入力はできない.

Formとして送信されるときにはhiddenもそうでないものも両方とも送信される.

hiddenにしているやつは送信されないと思うかもしれないので注意なのかも.

About the author

コメントを残す