“input”要素~“type="hidden"”

“type="hidden"”

“type="hidden"”を指定した“input”要素は非表示の送信されるデータを表します。

“type="hidden"”を指定した“input”要素はユーザーには見えず、また入力値を編集することができませんが、フォームの送信時には“name”属性の値とともに“value”属性の値が送信されます。

“name="_charset_"”を指定した場合は自動的に“value”属性の値にフォームの送信に使用する文字エンコーディングが挿入されます。なお、この時“value”属性を指定してはいけません。

サンプルコード

非表示のデータの送信

<form method="post" action="sample-inputtag2.php" target="_blank">

<fieldset>

<p><label>隠しデータ：<input type="hidden" name="sample01" value="猫が好き"></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

隠しデータ：

送信する

＊送信すると入力内容が表示されます。

文字エンコーディングの送信

<form method="post" action="sample-inputtag2.php" target="_blank">
<input type="hidden" name="_charset_">

<fieldset>

<p><label>猫の名前：<input type="text" name="name"></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

猫の名前：

送信する

＊送信すると入力内容が表示されます。

属性と値

属性		値
属性	説明	値	説明
必須属性
type=""	入力欄の種類	hidden	非表示の送信されるデータ
任意属性
グローバル属性
autocomplete=""	フォームで送信される値の種類	トークン	フォームで送信される値の種類
disabled=""	入力欄を無効化	disabled	入力欄を無効化
form=""	関連付けるフォーム	ID名	関連づける“form”要素の“id”属性の値
name=""	入力欄の名前	文字列	入力欄の名前
		_charset_	送信するデータはフォームの送信に使用する文字エンコーディング
value=""	フォームで送信する値の初期値	テキスト	フォームで送信する値の初期値

“name="_charset_"”を指定した“input”要素では“value”属性は指定できません。

仕様書

hidden