HTML

<input> type - 特殊型

詳細を開く 詳細を閉じる

<input>type属性 - 特殊型

テキスト型
textテキストボックス
passwordパスワード
number数値
emailメールアドレス
urlURL
tel電話番号
search検索語
ボタン型
submit送信ボタン
resetリセットボタン
button一般のボタン
image画像ボタン(送信)
特殊型
radioラジオボタン
checkboxチェックボックス
hidden隠しエリア
fileファイル送信
range数値レンジ
colorカラーパレット
日付型
date日付
datetime日付と時刻
datetime-localローカルタイム
month
time時刻
week

radio : ラジオボタン

checkbox : チェックボックス

hidden : 隠しエリア

隠しエリアです。ブラウザ上には表示されません。ただし、ブラウザからソースコードを見ると、見えます(隠されていません)。

主な用途は、セッション情報など一時的なデータをブラウザに記録しておくために使います。 この目的のためにはCookieを使うことが一般的ですが、Cookieを無効にしている場合でも、「hidden」を使うことでデータを保持できます。 ただし、取り扱いが(Cookieに比べて)面倒であるので、少数のページ間のデータの受け渡しで使うのが良いでしょう。


別ウィンドウで表示

<form action="../aaa.php" method="GET">

	<input type="hidden" name="hidden" value="aaa">

	<button type="submit">送信</button>
	
</form>

file : ファイル送信


別ウィンドウで表示

<form action="../aaa.php" method="GET">

<input type="file" name="file">

<br><br>
<button type="submit">送信</button>
<button type="reset">リセット</button>
	
</form>

color : カラーパレット

  • 色をカラーパレットから選択します。データは16進数のRGB形式で送られます。
  • HTML5で追加された機能です。
  • 初期値はvalue属性で指定します。

別ウィンドウで表示

<form action="../aaa.php" method="GET">
	
<input type="color" name="c1">
<input type="color" name="c2" value="#FF0000">

<br>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
詳細を開く 詳細を閉じる
詳細を開く詳細を閉じるページの先頭へ