Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><form>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

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

使用タグ

HTMLタグ

<form 属性="属性値">〜</form>

開始タグと
終了タグ

両方必須

内容となる
要素

ブロック要素

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<form>タグブロック要素で、フォームを作成することができます。「フォーム」 とは、入力されたデータを、サーバー上のCGIなどのプログラム等へ送信するしくみです。
<form>〜</form>の中に<input>タグ(入力項目)、<textarea>タグ(長いテキストの入力欄)、<select>タグ(選択肢のメニュー)などを並べます。

<form>タグのよく使う属性はaction属性、method属性、enctype属性、name属性です。詳しくは次項を参照してください。

属性と働き

属性 働き 指定できる値
action="URL" フォームデータの送信先を指定する(CGIなど) URL
method="HTTPメソッド" データの送信方法を指定する 「get」(GETメソッド…短い語句を送信する)
または、「post」(POSTメソッド…長いデータを送信する)を指定する
enctype="MIMEタイプ" データをPOSTメソッドで送信する場合、データ形式(MIMEタイプ)を指定する MIMEタイプを指定する
フォームでファイルを送信する場合は、「multipart/form-data」と指定する
name="文字列" スクリプト言語でフォームを操作する際に使用するフォームの名前を指定する 名前を指定する
accept="MIMEタイプ" サーバーが受け付け可能なファイルの種類(MIMEタイプ)を指定できる MIMEタイプを指定する
フォームでファイルを送信する場合は、「multipart/form-data」と指定する
accept-charset="文字コード" CGIなどのプログラムのデータの受けるサーバー上のプログラムが、受付可能な文字コードを指定する 文字コードを指定する
複数指定の際は「,」(カンマ)で区切ります
target="フレーム名" データを送信した結果のページをどのフレーム、またはウィンドウで開くかを指定できます フレーム名、「_blank」(新しいウィンドウ)、「_self」(同じフレーム)、「_parent」(親フレーム)、「_top」(一番上位のウィンドウ)

使用例

記述例
<form action="sample.cgi" method="post">
<fieldset>
<legend>ユーザー情報</legend>
ID:<input type="text" name="id" size="10">
パスワード:<input type="text" name="password" size="20">
</fieldset>
<fieldset>
<legend>評価</legend>
<input type="radio" name="hyouka" checked>上出来<br>
<input type="radio" name="hyouka">ふつう<br>
<input type="radio" name="hyouka">よくないと思う<br><br>
</fieldset>
<input type="submit" value="送信">
</form>
↓
[ブラウザでの表示例]
 ブラウザ
ユーザー情報 ID: パスワード:
評価 上出来
ふつう
よくないと思う

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system