|
フォームの部品を利用してCGIで利用するような
フォームを作ることができます。
メールフォーム等を作る時はフォームをテーブルの中に
入れた方が見栄えがよくなります。
フォームの属性は以下のようなものがあります。
| 属性 | 説明 |
method="post"
method="get"
|
入力されたデータの送信方法を指定します。
postはフォームデータのみを送信します。大量のデータを送信できます。お問い合わせフォーム等のCGIで
使用します。
getはフォームデータをURLの末尾に付けてサーバーに送信します。
送信できるデータの量に制限があります。
Yahoo検索の検索ボックスでキーワードを入力して検索結果
に出てくるようなアドレスがその例です。
|
| enctype="送信形式" | 入力されたデータの送信形式を指定します。この属性は
method="post"を指定している時に用います。
application/x-www-form-urlencoded…URL変換形式で送信されます。（初期値）
multipart/form-data…添付ファイル形式で送信されます。
text/plain…テキスト形式で送信されます。メール送信時にこの形式を指定します。 |
| target="" | 送信後に表示されるページがどのウィンドウで表示されるかを指定します。
_blank…新規ウィンドウで表示します。
_self…同じウィンドウで表示します。
_parent…親フレームで表示します。
_top…フレームを解除しウィンドウ全体で表示します。
ウィンドウ名…自分が名前を付けたウィンドウで表示します。 |
【ブラウザ表示】
ソース
<FORM method="post" action="xxbbs.cgi" enctype="multipart/form-data">
<div>HTML質問掲示板</div>
<input type="hidden" name="ie" value="Shift_JIS">
名前：<input type="text" name="namae"><br>
性別：男<input type="radio" name="s1" value="男">
女<input type="radio" name="s1" value="女"><br>
mail ：<input type="text" name="email"><br>
件名：<input type="text" name="subject"><br>
添付：<input type="file" name="temp"><br>
icon：
<select name="icon" size="1">
<optgroup label="--動物--">
<option value="馬" selected>ウマ
<option value="象">ゾウ
<option value="麒麟">キリン
</optgroup>
</select>
URL自動リンク<input type="checkbox" name="autolink" value="1"><br>
内容：<textarea cols=38 rows="7" name="naiyou">
質問をどうぞ。
</textarea><br>
URL:<input type="text" name="url" size="40" value="http://"><br>
pass:<input type="password" name="pass" size="10" maxlength="8"><br>
<input type="submit" value="書き込む">
<input type="reset" value="リセット">
</FORM>
■ その他の項目
・
フォームに入れる部品
・
テキストエリアを作る
・
セレクトボックスを作る
・
入力項目と項目名を関連付ける
・
フォームの部品をグループ化する
HTMLタグ一覧のページに戻る
|
