<input type="hidden">

概要

<input type="hidden"> はユーザーに表示されない入力フィールドを作成し、フォーム送信時にサーバーへデータを渡します。

対応ブラウザ

基本構文

<form action="/submit" method="post">
  <input type="hidden" name="csrf_token" value="abc123">
  <input type="hidden" name="user_id" value="42">
  <button type="submit">送信</button>
</form>

実務での使いどころ

• <input type="hidden"> の活用

  非表示の入力要素。ユーザーに見えないデータをフォームで送信。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <input type="hidden">