フォーム（PDF 参照 素材）

form（入力フォーム ブロック要素）

タグ記述

開始タグ：<form>
終了タグ：</form>

フォーム指定中

属性

【action】処理先URL
【method】HTTPメソッド
【enctype】MIMEタイプ

  • application/x-www-form-urlencoded（デフォルト）
  • multipart/form-data（ファイル用）

【target】（Strictでは使用不可）【id】【class】【title】【lang】【dir】【xml:lang】

MIMEタイプ表

input（フォーム構成部品 空要素）

タグ記述

タグ：<input />

属性

【type】形式　必須

  • text（単一行テキスト入力フィールド）
  • password（単一行パスワード入力フィールド）
  • submit（送信ボタン）
  • reset（リセットボタン）
  • button（汎用ボタン）
  • image（画像送信ボタン）
    • windowsは、nameを判別できない。macは、nameでの判別可能。
  • file（ファイル選択フィールド）
  • radio（ラジオボタン　一つのみ選択可能）a b
  • checkbox（チェックボックス　複数選択可能）a b
  • hidden（非表示送信データ）
    <input type="hidden" name="hidden" value="このデータは隠しです。" />

【name】部品名　必須
【value】値
【size】部品幅
【maxlength】最大文字数 text, passwordのみ使用
【disabled="disabled"】選択･変更不可の指示
【readonly="readonly"】選択可能・変更不可の指示
【checked="checked"】ボタン選択状態 radio,checkboxのみ使用
【src】（URL） および 【alt】（代替文字） imageのみ使用
【id】【class】【title】【lang】【dir】【xml:lang】

button（ボタン インライン要素　input type="submit", type="reset", type="button"と同じ　タグ内に画像、CSS文字を配置する事が可能　form以外で単体で使用可能）

タグ記述

開始タグ：<button>
終了タグ：</button>

属性

【type】

  • submit
  • reset
  • button

【name】【value】【disabled="disabled"】【tabindex】【accesskey】
【id】【class】【title】【lang】【dir】【xml:lang】

textarea（複数行入力フィールド インライン要素）

タグ記述

開始タグ：<textarea>
終了タグ：</textarea>

属性

【rows】行数　必須
【cols】幅　必須
【name】【disabled="disabled"】【readonly="readonly"】【tabindex】【accesskey】【id】【class】【title】【lang】【dir】【xml:lang】

select（メニュー インライン要素）optionと対

タグ記述

開始タグ：<select>
終了タグ：</select>

属性

【multiple="multiple"】選択肢の複数選択可能

【name】【size】【disabled="disabled"】
【tabindex】【id】【class】【title】【lang】【dir】【xml:lang】

option（メニュー選択肢 インライン要素）selectと対

タグ記述

開始タグ：<option>
終了タグ：</option>

属性

【value】 必須
【selected="selected"】選択肢選択状態
【disabled="disabled"】【id】【class】【title】【lang】【dir】【xml:lang】

optgroup（メニュー選択肢グループ化 インライン要素）optionと対

タグ記述

開始タグ：<optgroup>
終了タグ：</optgroup>

属性

【label】選択肢グループ名（子要素option）必須

【disabled="disabled"】【id】【class】【title】【lang】【dir】【xml:lang】

Today's Tips

fieldsetとlegendは、部品グループ化で一緒に使用する。