ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >HTMLタグ一覧 > フォーム

フォームを作る

フォームの部品を利用して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…フレームを解除しウィンドウ全体で表示します。
ウィンドウ名…自分が名前を付けたウィンドウで表示します。

【ブラウザ表示】

HTML質問掲示板
サンプルなのでフォームとして機能しません。
名前:
性別:
mail :
件名:
添付:
icon: URL自動リンク
内容:
URL:
pass:

ソース

<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タグ一覧のページに戻る

HTMLタグ
テキスト
イメージ
マーキー
テーブル
リンク
リスト
水平線
フォーム
メタタグ
フレーム
音楽タグ
埋め込みタグ

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.