logo

HTMLフォームでユーザーの入力に無関係な値をサーバーに送信する方法 📂プログラミング

HTMLフォームでユーザーの入力に無関係な値をサーバーに送信する方法

ショーケース

上のフォームで “your message” を入力して送信した後、アドレスバーを確認すると、入力した値に関係なく “subject=statistics” が含まれていることが確認できる。これは同じフォームを作っていても、作成ページの用途そのものが異なる場合や、ユーザーが知る必要はないがサーバー側が把握しておくべき値がある場合に便利だ。

コード

HTML

<form id="example">
<input type="hidden" name="subject" value="statistics" />
<input type="text" name="input" placeholder="your message" />
<input type="submit" value="제출"></input>
</form>
  • type="hidden": ユーザーが見えない入力フィールドを作る。このフィールドはフォームが送信されるときサーバーに送られる。value 属性に必要な値を入れるのを忘れないこと。