type="text")との違いは、入力欄内で任意の改行ができることです。要素とは異なり、開始タグと終了タグのペアで使います。タグの間に記述された内容が初期値として使われます。属性テキスト入力欄の(フォーム部品を識別するための)名前を指定します。この属性の値は、入力されたデータ(または初期値)とセットで送信されます。入力欄の高さを行数で指定します。入力内容がこの高さを超えた場合は、入力欄にスクロールバーが表示されます。この属性を指定した場合でも、ブラウザにより見た目の高さは異なります。入力欄の横幅を文字数で指定します。この属性を指定した場合でも、ブラウザにより見た目の高さは異なります。cols="30">この文字列が初期値として表示されます。</textarea>この文字列が初期値として表示されます。(disabled="disabled")この属性が指定された部品は、選択や書き換えができなくなり、データもサーバーに送信されなくなります。(readonly="readonly")この属性が指定された部品は、書き換えだけができなくなります(選択は可能)。データはサーバーに送られます。セレクトメニューはドロップダウンメニュー、プルダウンメニュー等と呼ばれる項目リストで、複数の項目からユーザーが任意の項目を選択できます。要素を使って記述します。属性で指定した名前のデータとして送信されます。要素は、セレクトメニュー全体を定義する要素で、以下のような属性を指定できます。"名前"フォーム部品を識別するための名前を指定します。要素の値とセットで送信されます。"行数"メニューの表示行数を指定します。指定した場合と同じになります)。行数を超える項目の選択のためにスクロールバーが自動的に表示されます。(multiple="multiple")の属性を指定すると、メニューの中から複数の項目を選択できるようになります。キーを押しながらクリックすると、複数を選択することができます。以下のような属性を指定できます。value="値"その項目が選択されたときにサーバーに送信される値を指定します。要素内のテキスト)が送信されます。label="ラベル"この属性の値は、メニューの選択肢として表示されますが、実際にはこの属性に対応しているブラウザは少ないようです。要素内のテキストがメニューの選択肢として表示されることになります。selected(selected="selected")その項目を初期状態で選択されている状態にします。属性を指定することができます。(disabled="disabled")この属性が指定された部品は、選択することができなくなります。要素)をグループ化することができます。要素でグループ化することで、使いやすいメニューにすることができます。以下が指定できる属性です。label="ラベル"そのグループのラベルを指定します。値は、グループのラベルとして表示されます。(disabled="disabled")この属性が指定された部品は、選択することができなくなります。(あまり意味のない属性?)以下はサンプルです。属性と同様に扱われ、一つの文書内で同じ名前を複数回使うことはできません。要素の範囲内だけで名前を指定します。属性が重複しても問題ありません。次は正しい名前の使い方の例です。要素内でも、同一グループに属することを示すために名前を重複させる場合があります。テキスト入力フィールドの場合は、名前が重複すると項目の区別ができなくなるので重複させないようにします。属性で識別子を指定できますが、これらの識別子はデータ送信(プログラム)上の識別子で、表示上は確認することができません。送信ボタンやセレクトメニューの項目のように直接ラベルを指定できるコントロールもありますが、ほとんどのコントロールにはラベルがありません。要素を利用することで、コントロールにラベルをつけることができます。要素で特定のテキスト(文字列)をラベルとして定義することで、コントロールと関連付けすることができます。要素を使うと、ラベルのテキスト(文字列)をクリックすることでコントロールが反応する(ラジオボタンが選択されたり、チェックボックスにチェックが入る等)というメリットがあります。コントロールのラベル付けには、以下の2つの方法があります。属性と同じ値を指定する方法です。属性は常に文書中で重複不可です)。属性には異なる値を使っています。属性の値)を指定します。「明示的なラベル付け」には以下のようなメリットがあります。参照する)ことができます。要素とコントロールの間に他の要素があっても構いません。Mail「明示的なラベル付け」との違いは以下のようなものがあります。1つのコントロールに複数のラベルをつけることができない。要素の内容はインライン要素に限られます)。対応していないブラウザがある。要素)フォーム内の複数のコントロールやラベルをグループ化して、フォームを構造化することができます。要素でグループ化する範囲を定義します。要素の周りに自動的に線が引かれます。要素を指定することで、グループ名をキャプションとして表示させることができます。要素の直後に一度しか出現することはできません。属性を指定することにより、アクセシビリティの高いフォームを作成することができます。一般にキーボードである項目を選択するためには、TABキーなどで順番に項目を移動していくか、何らかのショートカットキーと組み合わせて直接項目を指定します。文書の先頭から順番に移動していくことになりますが、この選択順序を変更すると都合がよい場合があります。属性はひとつの文書全体での選択順序を指定するもので、0〜32767の範囲の任意の数字を割り当てます。番号が小さいものから順番に選択されます。属性を割り当てていない要素は、そのあとで順次選択対象になります。tabindex="-1")を指定すると、その要素にはキーボードの順次ナビゲーションでは到達できないようになります。言い換えると、その要素にフォーカスが移動しなくなります。(クリックなどの操作でフォーカスすることはできます)。無効にした入力欄などに指定します。全ての要素に指定することができます)。属性を使うと、TABキーで順番に選択する代わりに、特定の文字(数字)キーとショートカットキー(ブラウザによって異なる)の組合せで直接その要素を選択(あるいは実行)させることができます。属性は、例えば次のような用途に使用することができます。キーボードの操作でリンク先を開く。キーボードの操作で入力欄を選択する。キーボードの操作でコマンドを実行する。全ての要素に指定することができます)。属性の値には、その要素に割り当てるアクセスキーを指定します。属性を割り当てると、ショートカットキーでボタンを選択することができます。Queens[q]accesskeyを働かせる「ショートカットキー」は、機種やブラウザによって異なります。Windowsの場合のショートカットキーは、以下を参考にしてください。キーを押しながら該当キーを押す。キーを押しながら該当キーを押す。Queens[q]アクセスキーを設定する際には、ブラウザのアクセスキー(またはショートカットキー)と競合しないように注意する必要があります。フォームのレイアウトフォームのコントロールの要素はインライン要素なので、それらを続けて記述すると改行されずおかしな表示になってしまいます。そのためコントロールの要素は、何らかのブロックレベル要素で囲んでマークアップする必要があります。要素を使ってマークアップする方法があります。要素を使ったマークアップの例です。要素で定義することで、フォームを明確に構造化することができます。cols="30">ご意見やご質問を入力してください。要素のどちらに指定してもかまいません)。要素のスタイルも指定しています。8px;}お名前E-mailコメントご意見やご質問を入力してください。属性で指定することができますが、ブラウザによって表示が異なってしまいます。プロパティを指定することで幅を調整します。その際には、クラスセレクタを利用するのが便利です。cols="30">ご意見やご質問を入力してください。指定していますが、デザインに合わせて幅の単位等を指定します。90%;}お名前E-mailコメントご意見やご質問を入力してください。関連プロパティで設定できます。プロパティでパディングを指定することで、ボーダーと内容領域の間の余白を調整することができます。5px;}お名前E-mailコメントご意見やご質問を入力してください。フォントの指定テキストエリアは、等幅フォントにすることがよくあります。New」などのフォント指定することで、テキストエリアが等幅フォントで表示されます。擬似クラスを利用すると、コントロールがフォーカスされた時のスタイルを指定することができます。#fcfcfc;}お名前E-mailコメントご意見やご質問を入力してください。要素の上部のボーダー上に表示されます。ボーダー関連のプロパティで調整することができます。等のプロパティを使ってスタイルを指定することができます。cols="30">ご意見やご質問を入力してください。10px;}お問い合わせお名前E-mailコメントご意見やご質問を入力してください。要素を並べたレイアウトができます。指定その他、マージン等を指定して調整します。送信ボタンの位置を調整するために、この例ではクラスを付けてマージンを設定しています。cols="30">ご意見やご質問を入力してください。</fieldset></form>お問い合わせお名前E-mailコメントご意見やご質問を入力してください。