フォーム

フォーム全体

• <form> 入力フォームを表す
  • <form action=""> フォームの送信先を指定する
  • <form method=""> フォームの送信方法を指定する
  • <form method="post" enctype=""> 送信時のデータ形式を指定する
  • <form target=""> 送信結果の表示方法を指定する
  • <form autocomplete=""> オートコンプリートを指定する
  • <form novalidate> 妥当性のチェックを無効にする
• <fieldset> フォーム部品のグループを表す
• <legend> 部品グループのキャプションを表す
• <label> フォーム部品のラベルを表す

フォーム部品

• <input> フォーム部品を表す（入力欄・選択肢・ボタン）
  • <input type=""> 属性と部品タイプの対応表
• <select> プルダウンメニューを表す
• <optgroup label=""> プルダウンメニュー内の選択肢のグループを表す
• <datalist> 入力候補のリストを表す
• <option> プルダウンメニューまたは入力候補の選択肢を表す
• <textarea> 複数行のテキスト入力欄を表す
• <button> 内容を持つボタンを表す
• <output> 計算結果などの出力欄を表す
• <keygen> 暗号鍵生成用の部品を表す（廃止）

プログレスバー・ゲージ

• <progress> 作業の進捗を表す
• <meter value=""> 特定範囲内の数量または割合を表す

INPUT - テキスト

• <input type="text"> 1行のテキスト入力欄を表す
• <input type="password"> パスワードの入力欄を表す
• <input type="tel"> 電話番号の入力欄を表す
• <input type="url"> URLの入力欄を表す
• <input type="email"> メールアドレスの入力欄を表す
• <input type="search"> 検索テキストの入力欄を表す

INPUT - 年月日・週・時間

• <input type="date"> 日付の入力欄を表す
• <input type="month"> 年月の入力欄を表す
• <input type="week"> 週の入力欄を表す
• <input type="time"> 時間の入力欄を表す
• <input type="datetime-local"> ローカル日時の入力欄を表す
• <input type="datetime"> UTC（協定世界時）による日時の入力欄を表す（廃止）

INPUT - 数値・色

• <input type="number"> 数値の入力欄を表す
• <input type="range"> 大まかな数値の入力欄を表す
• <input type="color"> 色の入力欄を表す

INPUT - 選択肢・チェック

• <input type="radio"> ラジオボタンを表す
• <input type="checkbox"> チェックボックスを表す

INPUT - ファイル・隠しデータ

• <input type="file"> ファイルの送信欄を表す
• <input type="hidden"> 隠しデータを表す

INPUT - ボタン

• <input type="submit"> 送信ボタンを表す
• <input type="image"> 画像形式の送信ボタンを表す
• <input type="reset"> リセットボタンを表す
• <input type="button"> 汎用的なボタンを表す

ポップオーバー

• popovertarget="" popovertargetaction="" ボタンの操作でポップオーバー要素を開閉する