「HTML/フォーム」の版間の差分

:フォームの送信形式を指定する属性。GETとPOSTの2種類があり、指定しない場合GETが自動的に指定される形となる。GETは、送信先（actionで指定したもの）の末尾に、サーチデータとして、?name属性値=value値&name属性値=value値... という文字列を付加することによって情報を送信する。POSTは、[[w:環境変数|HTTPリクエストヘッダ]]に情報を記述して情報を送信する。一般に、検索エンジンのキーワードなどURLに環境変数を付与したほうが都合の良い場合はGET、個人情報の入力などURLに情報が残ると不都合の起こる場合にはPOSTが使われる（個人情報の送信は[[w:Secure Sockets Layer|SSL]]などと合わせて利用されることが多い）。

:フォーム内にある各部品（input要素）に対して指定する。送信を行うときのために、各フォームを識別する目的で使用されるためのもの。

各部品は、inputタグ要素の、type属性に指定した内容によって作成することができる。

<button type="submit" value="送信値">ボタンテキストまたは画像など</button>

input要素のname属性に名前を指定した場合、その要素のtypeがsubmitの場合はvalue属性の属性値が、imageの場合はクリックした場所の座標が送信されることがある。

input要素のtype属性にsubmitを指定した場合valueを指定しなくてもブラウザデフォルトの文字列が表示されるが、文字列はブラウザの種類や言語環境によって異なる。input要素のtype属性にimageを指定した場合やbutton要素の間にimg要素を持ってくる場合は、画像が表示できないときのためにalt属性に代替テキストを必ず指定しなければならない。

単体ではクリックしても何も起こらないボタン。送信もリセットも行わない。JavaScriptのonclick属性などと組み合わせて利用するのが一般的である。valueの属性を省略してもブラウザがデフォルトの文字列を指定することはない。

CGIでローカルファイルをサーバーへ送信するときに使用する。ローカルファイルを選択するフォームを表示する。フォームのデザインやボタンテキストなどはOSやブラウザに依存であり、スタイルシートなどを使ってこれを変更することは出来ない。accept属性で選択可能なファイルタイプを「,」区切りにして指定することが出来るが、サポート環境は少ない。なお、この機能を利用する場合はform要素のmethod属性にpostを、enctype属性にmultipart/from-dataを設定する必要がある。

改行を含まない文字列を表示させ・入力するフォーム。maxlength属性で最大文字数を指定でき、指定しなかった場合は無制限となる。readonly属性値（属性名ではない）を指定すると入力値を変更不可能とすることが出来る。

改行を含んだ文字列（文章）を表示・入力するフォームにはinput要素でなくtextarea要素を使用する。デフォルトでは右端に来たとき自動的に文字列が折り返されるが、wrap属性をoffにした場合右端に来ても折り返しが行われることはなくそのまま横に続く。テキストエリア内に書かれたHTMLやJavaScriptなどは全て無効化され、[[w:実体参照|実体参照]]以外は改行も含めて全てがそのままの状態で表示されることが多い。readonly属性値を指定すると、入力された値を変更できないようになる。

認証などでパスワードを入力するためのフォーム。入力された文字列はアスタリスク (“*”) や黒丸 (“●”)などに置き換えられ、マスクされた状態で表示されることが多い。パスワード用テキストボックスの文字列値をクリップボードからの貼り付けで変更することは出来るが、入力された文字列をクリップボードにコピーすることは出来ないことが多い。

複数の選択項目の中から複数項目を選択できるようにするチェックボックスを作成する。name属性でグループを識別し、value属性値で選択された項目を識別する。ラジオボタンと同様、checked属性値を指定することで指定された項目を初期状態でチェックさせることが可能。

select属性要素とoption属性要素を使用することでプルダウンメニューを作成できる。任意のoption要素にselected属性値を指定した場合その項目が初期状態で選択状態となり、指定しなかった場合どの項目が指定されるかはブラウザ依存となる（通常一番上が指定される）。

option属性要素群をoptgroup属性要素でグループ分けすることによりプルダウンメニューのグループ表示が可能になる。option要素のlabel属性のlabel属性値は表示をグループ化したときに表示されるもので、メニュー項目の省略形を記述するようになっている。ただし一般的なブラウザで現在このグループ表示に対応しているものは非常に少なく、未対応ブラウザではoptgroup要素を選択不可能項目として表示させるようになっていることが多い。

select属性にsize属性を指定すると複数行表示が可能になり、size属性の値が行数になる。一般的に、項目が行数より多かった場合はその行数分が省略だけ表示になされ、残り、はスクロールバーを利用して残りの部分を確認表示・選択できる形となる。また、multiple属性値を指定した場合複数項目を選択して送信できるようになる。