フォームforms

form要素 label要素 input要素 button要素 select要素 datalist要素 optgroup要素 option要素 textarea要素 keygen要素 output要素 progress要素 meter要素 fieldset要素 legend要素

form要素　

  • form要素は、フォーム関連要素の集まりを表す要素である。
  • 送信フォームや入力フォームなどを作るときに使う。
  • input要素、textarea要素、select要素などのフォーム関連要素は、form要素内に配置するか、フォーム関連要素のform属性に、form要素のid属性値を指定することで関連付ける。

label要素　

input要素　

  • input要素は、データ入力用のユーザーインターフェースを表す要素である。
  • type属性に、入力用ユーザーインターフェースのタイプを指定する。type属性を指定しない場合は、１行テキスト入力欄となる。

button要素　

  • button要素は、ボタンを表す要素である。
  • type属性に、submit、reset、buttonを指定することで、送信ボタン、リセットボタン、汎用ボタンの３タイプのボタンを作れる。

select要素　

datalist要素　

optgroup要素　

option要素　

textarea要素　

  • textarea要素は、テキストエリアを表す要素である。
  • テキストエリアとは、複数行に渡るテキストを入力できる入力欄のこと。

keygen要素　

  • keygen要素は、公開鍵暗号方式における公開鍵と秘密鍵を生成するための要素である。
  • 送信すると、公開鍵はサーバーに渡し、秘密鍵はローカルに保存する。

output要素　

  • output要素は、計算結果の出力欄を表す要素である。
  • 計算には、JavaScriptなどのプログラムを使う。
  • 出力欄の内容は、送信データには含めない。

progress要素　

  • progress要素は、タスクの進捗度を表す要素である。
  • JavaScriptなどのプログラムと共に使うことが多い。

meter要素　

  • meter要素は、使用料や得票数など、特定の範囲内の計測を表す要素である。
  • JavaScriptなどのプログラムと共に使うことが多い。

fieldset要素　

  • fieldset要素は、入力欄などのフォーム部品をグループ化する要素である。
  • ほとんどのブラウザは、グループ化した範囲を、境界線で囲む。
  • legend要素を使い、グループ化した範囲のキャプション（表題）を付けることもできる。

legend要素　

  • legend要素は、fieldset要素でグループ化した範囲のキャプション（表題）を表す要素である。
  • ほとんどのブラウザは、グループ化した範囲の左上辺りにキャプションを表示する。