備忘録的プログラミングリファレンス

<form>,<input>,<label>,<select>,<textarea>,<fieldset>,<legend>

<form>

 サーバーへのデータ送信ができます。データの入力は<input>、<select>、<textarea>によって受け付けます。
 データの送信はスクリプトでもできます。スクリプトでは非同期通信が可能で、javascriptではajaxとも呼ばれています。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

 nameは複数のタグへ適用できますが、scriptで番号をふらなければ認識しません。idは固有指定で、複数のタグを同じ名称で指定できません。ひとつのタグを指定する場合のみに使用します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
action送信先のURL(例:cgi-bin/***.cgi)です。
method データの送信形式
enctype エンコード形式(送信するデータのmimeタイプ)
methodについて

 postがdefaultです。データを隠すことができます。ファイルのアップロードではpostを使います。
 getはURLに追記する形で送信。内容が丸見えになります。

enctypeについて

 application/x-www-form-urlencodedがdefaultです。URLエンコードします。
 multipart/form-dataはファイルのアップロード用です。サーバー側にもファイルを受け付けられるようにする必要があります。
 text/plainはスペースが+に置き換わるだけでURLエンコードなしです。

ボタンの作成

submitボタン
作成する 作成しない
"


<label>

 個々のデータ入力に項目名を付けることができます。

属性

 グローバル属性を持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
class対象になるデータ入力用エレメントのidを指定します。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

<input>,<label>

 <input>は単一のデータ入力を受け付ける部品が作成できます。<label>はその項目名や説明のためです。

<input>

 単一のデータ入力部品やコントロールウィジェットが作成できます。データによってtypeと送信方法(POST、get)を変更しなければなりません。
 改行のある文章は<textarea>を使います。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
type
value 初期値または設定値
placeholder 初期値または設定値
maxlength 最大入力数
size 入力ボックスの幅

<label>



<select>,<optgroup>,<option>,<label>

 選択肢のあるデータ入力が作成できます。

<label>

項目名

<select>

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
size入力ボックスの長さ

<optgroup>,<option>

 <select>の選択肢である子要素です。

 value,<option> :  valueの値とその選択肢名を、value=項目名で入力し、カンマ”,”で区切ってください。自動で分けます。


<textarea>,<label>

 改行がある長い文章を受け付けるデータ入力部品です。

<label>

項目名

<textarea>

 大量もしくは改行を含むテキストデータを受け付ける入力欄です。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
cols一行の文字数
rowsタテの行数

<button>

 <input>のtype="button"よりも画像を取り込んだボタンやスタイルシートを摘要した表示をするといった汎用性を持ったボタンです。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
type
value

ボタンの形:<BUTTON>で囲んだ内容をボタンの形として表示します。



<fieldset>,<legend>

フローコンテンツ, 区分化ルート, リスト化, フォーム関連要素, 知覚可能コンテンツ

 <form>内の項目をグループ化するのに使用します。<fieldset>によってグループ化されたグループ間をタブで移動することができます。

 <legend>は、<fieldset>によって作られたグループにグループ名を付けることができます。

属性

 グローバル属性を持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。