top>HTMLタグ辞典>入力フォームを作る

<FORM>

入力フォームを作る

<FORM>は入力フォームを作るタグです。 <FORM>〜</FORM>の間に、<INPUT>、<SELECT>、<TEXTAREA>等のタグにより、一行テキストボックス、ボタン、チェックボックス、ラジオボタン、セレクトボックス、スクロールテキストボックス等の部品を配置します。

フォームに入力されたデータは、送信ボタンを押すことでCGIプログラムやPHPプログラム等へ送信され、一定の処理が行われます。 その際の送信先はaction属性で、転送方法はmethod属性で、データ形式はentype属性でそれぞれ指定します。

属性

action="URI"
送信先プログラムのURIを指定する。
method="httpメソッド"
送信の際の転送方法（HTTPメソッド）指定する。
entype="MIMEタイプ"
送信の際のデータ形式（MIMEタイプ）を指定する。
accept-charset="文字セット"
CGIプログラム等の受け側で処理可能な文字セットを指定する。
accept="MIMEタイプ"
CGIプログラム等の受け側で処理可能なMIMEタイプを指定する。
name="名前"
スクリプト言語などから参照出来るような名前を指定する。
target="フレーム名"
フォーム送信の結果を表示するフレーム、またはウィンドウの名前を指定する。

ソース

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>タイトル</title>
</head>
<body>
<form action="cgi-bin/htmltag065.cgi" method="post">
名前：<input type="text" name="name" size="50"><br>
性別：<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女<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="comment" rows="4" cols="50"></textarea><br>
<input type="submit" value="送信"><input type="reset" value="リセット">
</form>
</body>
</html>

 

対応ブラウザ

  • NetscapeNS3・・・○
  • NetscapeNS4・・・○
  • NetscapeNS6・・・○
  • NetscapeNS7・・・○
  • IEIE3・・・○
  • IEIE4・・・○
  • IEIE5・・・○
  • IEIE5.5・・・○
  • IEIE6・・・○
  • OperaO6・・・○
  • OperaO7・・・○
  • FirefoxFX1・・・○

更新履歴

2008.8.7
linkページのリンクに、リンク先のサイトサムネイルを表示させるようにしました。
PORTFOLIOのページもサムネイルをクリックすることにより、画像を拡大して表示するようにしました。
2008.7.4
linkに3件追加
2008.6.22
Portfolioに1件追加
サイトデザイン修正
2008.6.17
linkに1件追加
2008.1.19
Portfolioに1点追加
2008.1.16
Portfolioに2点追加
2007.9.29
BLOG開始
2007.8.6
HTMLに一件追加
2007.8.3
サイトリニューアル
2007.6.19
Portfolioに1点追加
2006.9.13
Portfolioに1点追加
2006.8.11
Portfolioに1点追加
2006.8.11
Blog更新、BBS削除しました、LINKに1件追加

DARKNESS

このサイトへのリンクはフリーです。ご連絡していただければ相互リンクもいたします。リンクの際は下記バナをご利用ください。

DARKNESS BANA 31×31
31×31px
DARKNESS BANA 88×31
88×31px
DARKNESS BANA
188×29px