<form> 【フォームを作成する】
[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op8] [Op9] [Ns6] [Ns7]
<form>タグは、入力フォームを作成する際に使用します。<form>〜</form>の間に色々なパーツを埋め込む事で、様々な働きを行います。<form>を使いこなすには、クライアントのリクエストとサーバーのレスポンスを理解する事が近道となります。
与えられる属性
action="URI"
アクセス先のURIを指定します。多くの場合CGIやPHPファイルになります。
method="方法"
送信の際の転送方法(HTTPメソッド)を"get"か"post"で指定します。
enctype="MIMEタイプ"
送信の際のデータ形式(MIMEタイプ)を指定します。
accept-charset="文字セット"
データの受け側で受付可能な文字セットを指定します。
accept="MIMEタイプ"
データの受け側で処理可能なMIMEタイプを指定します。
name="名前"
名前を指定します。
target="フレーム名"
結果を表示するターゲットとなるウィンドウの名前を指定します。
<form>の使用例
ソース
<form action="http://#####.com/form.php" method="post">
お名前<br>
<input type="text" name="name" size="40"><br>
性別<br>
<input type="radio" name="seibetsu" value="m">男
<input type="radio" name="seibetsu" value="w">女<br>
端末<br>
<input type="checkbox" name="tanmatsu" value="pc">PC
<input type="checkbox" name="tanmatsu" value="i">Docomo
<input type="checkbox" name="tanmatsu" value="e">au
<input type="checkbox" name="tanmatsu" value="s">SoftBank<br>
血液型<br>
<select name="blood">
<option value="A">A型</option>
<option value="B">B型</option>
<option value="O">O型</option>
<option value="AB">AB型</option>
</select><br>
感想<br>
<textarea name="kanso" rows="4" cols="40">感想があれば是非書いて下さい。</textarea>
<br />
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
お名前<br>
<input type="text" name="name" size="40"><br>
性別<br>
<input type="radio" name="seibetsu" value="m">男
<input type="radio" name="seibetsu" value="w">女<br>
端末<br>
<input type="checkbox" name="tanmatsu" value="pc">PC
<input type="checkbox" name="tanmatsu" value="i">Docomo
<input type="checkbox" name="tanmatsu" value="e">au
<input type="checkbox" name="tanmatsu" value="s">SoftBank<br>
血液型<br>
<select name="blood">
<option value="A">A型</option>
<option value="B">B型</option>
<option value="O">O型</option>
<option value="AB">AB型</option>
</select><br>
感想<br>
<textarea name="kanso" rows="4" cols="40">感想があれば是非書いて下さい。</textarea>
<br />
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
表示すると
入力フォーム 関連項目
<form> | フォームを作成する |
<input> | フォームを構成する部品を作成する |
<textarea> | 複数行のテキストエリアを作成 |
<select> | セレクトボックスを作成する |
<option> | セレクトボックスの選択肢を作成する |
<optgroup> | セレクトボックスの選択肢をグループ化 |
<fieldset> | フォームの入力項目をグループ化する |
<legend> | 入力項目グループにタイトルを付ける |
<label> | フォームの入力項目と項目名を関連付ける |