備忘録的プログラミングリファレンス

<input type="hidden">

 <input type="hidden">は、表示はされませんがデータは送信される input のタイプのひとつです。ユーザーから隠蔽するデータとして利用します。
 予め決められたデータを送信したい、変更や表示をしたくない場合や、加工するデータの受け皿として利用することができます。

 FORM の部品として使用します。

コード
<label>この input は表示されません <input name="val_hidden" type="hidden" value="" /></label>
	
実行例

	

 データを送信したくない場合には name パラメーターを付けない方法があります。JavaScript などでデータを加工した上で送信したい場合は有効かもしれません。
 ここでは送信するという前提で <FORM> 部品を作成しますので name パラメーターは付けるようにしています。

 隠しデータの場合、実用では <label> エレメントは使いません。

- ad -

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
type 扱うデータタイプまたはinputタグの形状
value 初期値または設定値

ブラウザでの見え方(type="hidden"は表示されませんが、<FORM>のデータとして送信されます)

関連typeについて

  • button... 汎用ボタン。scriptに利用する
  • checkbox... 複数選択が可能。選択済みにするにはcheckedパラメータを追記する
  • color... カラーピッカー。色選択に使用します。
  • date... 日付け
  • datetime-local... 日付けと時刻(ローカルタイムゾーン)
  • email... emailアドレス
  • file... ファイルのアップロード
  • hidden... 画面に表示しないがサーバーに送信するデータ
  • image... 任意の画像を利用したカスタム用ボタン
  • month... 年度と月度
  • number... 数値
  • password... パスワード入力
  • radio... 選択肢が必要な場合
  • range... 調整バーによる数値入力
  • reset... リセットボタン。入力データをクリア
  • search... 検索用
  • submit... 送信ボタン
  • tel... 電話番号
  • text... テキスト入力。改行を含む場合は<textarea>を
  • time... 時刻
  • url... URL
  • week... 年度の第何週目か

- ad -