1. Home
  2. HTMLタグ
  3. フォームタグ
  4. 入力フォームを作る

入力フォームを作る


<form action=""></form>


form要素で、入力フォームを作成することができます。



<form action="example.cgi"></form>


フォームを構成する各部品(入力欄や送信ボタン等)は、form要素の中に配置することになります。

【form要素の中に部品を配置した例】

<form method="post" action="example.cgi">

<p>お名前:<input type="text" name="name"></p>
<p>メールアドレス:<input type="text" name="email"></p>
<p><input type="submit" value="送信する"></p>

</form>

使用例

■フォームの部品には、次のようなタイプが用意されています

テキスト入力欄
テキスト入力欄 (パスワード形式)
複数行の入力欄
ラジオボタン その1 その2 その3 (1つだけ選択が可能)
チェックボックス その1 その2 その3 (複数選択が可能)
セレクトボックス (プルダウン形式)
セレクトボックス (リスト形式)
ファイル選択
隠しデータ (画面上には表示されません)
ボタン

※サンプルのため送信できません。


フォームタグ

ページの先頭へ