ホームページ作成 HTMLタグ集 フォームタグ

<FORM ACTION>、<INPUT TYPE>、text、password
radio、checkbox、<SELECT>、<OPTION>、<TEXTAREA>

フォームタグの一連の流れ

<FORM ACTION="MAILTO:****@****.**" METHOD="POST">
題名:<INPUT TYPE="text" SIZE="31" NAME="subject"><BR>
Eメール:<INPUT TYPE="password" SIZE="31" NAME="email"><BR>
性別:<INPUT TYPE="RADIO" NAME="seibetsu" CHECKED>男<INPUT TYPE="RADIO" NAME="seibetsu">女<BR>
好きなもの:
<INPUT TYPE="checkbox" NAME="suki" VALUE="読書" CHECKED>読書
<INPUT TYPE="checkbox" NAME="suki" VALUE="音楽">音楽
<INPUT TYPE="checkbox" NAME="suki" VALUE="ドライブ">ドライブ
<BR>
年齢:
<SELECT NAME="toshi" size="5">
<OPTION VALUE="10〜" SELECTED>10〜
<OPTION VALUE="20〜">20〜
<OPTION VALUE="30〜">30〜
<OPTION VALUE="40〜">40〜
<OPTION VALUE="50〜">50〜
</SELECT>
<BR>
ご意見:<TEXTAREA NAME="NAIYO" ROWS="10" COLS="61"></TEXTAREA><BR><BR>
<INPUT TYPE="SUBMIT" VALUE="送信"> <INPUT TYPE="RESET" VALUE="リセット"><BR>
</FORM>

・<FORM>
 <FORM ACTION="MAILTO:****@****.**" METHOD="POST">〜</FORM>
 フォームの内容をMAILTO:以降の****@****.**へ送信することの宣言。
 METHOD="POST"は定型句としてとりあえずは覚えておく。

・<INPUT TYPE="text">
 <INPUT TYPE="text" SIZE="31" NAME="subject">
 1行テキストタイプの入力。SIZE="31"で半角31文字のスペース。

・<INPUT TYPE="password">
 <INPUT TYPE="password" SIZE="31" NAME="email">
 1行パスワードタイプの入力。文字を入力すると「*」が表示される。SIZE="31"で半角31文字のスペース。

・<INPUT TYPE="radio">
 <INPUT TYPE="RADIO" NAME="seibetsu" CHECKED>
 ○タイプ(1個しか選択できない)の選択画面。CHECKEDでチェックされた状態とする。

・<INPUT TYPE="checkbox">
 <INPUT TYPE="checkbox" NAME="suki" VALUE="読書" CHECKED>読書
 □タイプ(複数選択可)の選択画面。CHECKEDでチェックされた状態となる。

・<SELECT><OPTION>
 <SELECT NAME="toshi" size="5">
 <OPTION VALUE="10〜" SELECTED>10〜
 ・
 ・
 </SELECT>
 リストタイプの選択画面。MULTIPLEで複数選択可。size="5"でリストのサイズを決める。

・<TEXTAREA>
 <TEXTAREA NAME="NAIYO" ROWS="10" COLS="61"></TEXTAREA>
 複数行のテキスト入力。 ROWS="10" COLS="61"で縦、横のサイズを決める。

・<INPUT TYPE="submit">
 <INPUT TYPE="SUBMIT" VALUE="送信">
 送信ボタン。VALUE="送信"でボタン名を記述。

・<INPUT TYPE="reset">
 <INPUT TYPE="SUBMIT" VALUE="リセット">
 今までの記述をリセットするボタン。VALUE="リセット"でボタン名を記述。


実践!ホームページ作成TOP