フォームforms

form要素 

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

label要素 

input要素 

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

button要素 

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

select要素 

datalist要素 

optgroup要素 

option要素 

textarea要素 

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

keygen要素 

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

output要素 

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

progress要素 

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

meter要素 

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

fieldset要素 

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

legend要素 

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