<form>~</form>の間に<input>、<select>、<textarea>などの入力部品を配置することで、サーバのプログラム(CGIなど)に入力内容を引き渡すことが出来ます。
1ページに複数の<form>を指定することが出来ます。
HTML規格 | HTML4.01 | HTML5 |
---|---|---|
使用可否 | ○ | ○ |
カテゴリー | 使用できる場所(親要素) | コンテンツモデル(子要素) | タグ省略 |
---|---|---|---|
フローコンテンツ フレージングコンテンツ インタラクティブコンテンツ(type属性≠hiddenの時) | フレージングコンテンツを子要素にもてる場所 | 無 | 終了タグ無 |
INPUT TYPE | 入力内容 | 見え方(ブラウザにより異なる) |
---|---|---|
"text" | 1行のテキスト | |
"password" | パスワード | |
"hidden" | 非表示 | |
"checkbox" | チェックボックス | |
"radio" | ラジオボタン | |
"file" | ファイルのアップロード | |
"submit" | formデータの送信ボタン | |
"image" | 画像を使用したボタン | |
"reset" | from内の入力内容リセット | |
"button" | 一般ボタン | |
"email" | メールアドレス (*1) | |
"url" | URL (*1) | |
"search" | 検索 (*1) | |
"tel" | 電話番号 (*1) | |
"number" | 数値 (*1) | |
"date" | 日付 (*1) | |
"time" | 時刻 (*1) | |
"range" | 範囲の選択(スライダ) (*1) | |
"color" | 色の選択 (*1) |