ウェブランサー

<form> フォームを作成する

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
タイプ ブロックレベル要素
取り扱い 標準

<form>タグは、入力フォームを作成する際に使用します。<form>~</form>の間に色々なパーツを埋め込む事で、様々な働きを行います。<form>を使いこなすには、クライアントのリクエストとサーバーのレスポンスを理解する事が近道となります。

<form>タグに指定できる属性

action="URI"
アクセス先のURIを指定します。多くの場合CGIやPHPファイルになります。
method="方法"
送信の際の転送方法(HTTPメソッド)を"get"か"post"で指定します。
enctype="MIMEタイプ"
送信の際のデータ形式(MIMEタイプ)を指定します。
accept-charset="文字セット"
データの受け側で受付可能な文字セットを指定します。
accept="MIMEタイプ"
データの受け側で処理可能なMIMEタイプを指定します。
name="名前"
名前を指定します。
target="フレーム名"
結果を表示するターゲットとなるウィンドウの名前を指定します。

<form>の使用サンプル

HTML
<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>
表示確認
お名前

性別

端末
PC Docomo au SoftBank
血液型

感想

<form>に関連するHTMLタグ

入力フォームに関連する要素
<command> ページ内のメニューに操作コマンドを設定する
<datalist> フォームの入力欄に入力候補となる選択肢を提供する
<fieldset> フォームの入力項目をグループ化する
<form> フォームを作成する
<input> フォームを構成する部品を作成する
<label> フォームの入力項目と項目名を関連付ける
<legend> 入力項目グループにタイトルを付ける
<meter> 規定範囲内の数量や測定値を表す
<optgroup> セレクトボックスの選択肢をグループ化する
<option> セレクトボックスの選択肢を作成する
<output> 計算結果やユーザーアクションの出力欄を作成する
<progress> 作業の進捗状況を示すプログレスバーを表示する
<select> セレクトボックスを作成する
<textarea> 複数行のテキストエリアを作成する