HTMLフォーム部品の整理

HTML のフォームには、

• input
  • type="hidden"
  • type="text"
  • type="password"
  • type="radio"
  • type="checkbox"
  • type="submit"
  • type="image"
  • type="button"
  • type="reset"
  • type="file"
• textarea
• select

が用意されているが、整理するとこうなる

• ユーザーによる自由入力
  • input type="text"
  • input type="password" （入力欄が見えない）
  • textarea （改行が容易に入力できる）
• ユーザーによるファイル送信（自由入力の特殊）
  • type="file"
• 規定値を常に選択
  • input type="hidden"
• 複数の既定の選択肢の中から一つ選択
  • input type="radio"
  • select
• 複数の既定の選択肢の中から複数選択
  • input type="checkbox"
  • select multiple
• 一つの選択肢を、選択するかしないか（論理値）
  • input type="checkbox"
• ボタン（論理値の特殊系）
  • input type="submit"
  • input type="image" （ボタンの代わりに画像が表示される）

なお、input type="reset" は「input type="button" の onClick があらかじめ設定されているもの」で、input type="button" はブラウザ上でしか効果を出せないので、ここでは無視する。
つまり、input type="radio" と select 、また、input type="checkbox" と select multiple は、ほぼ同じ意味だ。