コンピュータの総合情報 [Masaaki NEMOTO] ホーム | ソフト | HTML | UNIX | 書籍 | パソコン | リンク | ショッピング | 検索

ウェブサイト作成講座

Download! Quick Post Card
楽天ブックス

メール送信フォーム

ここでは、アンケートフォームを例に、フォームの使い方を説明します。

名前を送信するフォーム

次の例は、名前をメールで送信してもらうフォームの例です。action の mailto: には、メールを受信したいアドレスを指定して下さい。

サンプル
<form method="post" action="mailto:user_name@domain_name.com?名前"
enctype="TEXT/PLAIN">
  お名前<input type="text" name="名前" size="50">
  <input type="submit" value="送信">
  <input type="reset" value="クリア">
</form>
            
サンプルの結果
お名前

ラジオボタン

ここから、様々なフォームについて順に解説して行きます。これ以降のサンプルは、<form>タグと</form>の間に記述して下さい。

ラジオボタンは、幾つかの選択欄の中から一つだけを選んでもらいたい場合に使用します。要素が多い場合には、次に解説する選択ボックスを使用しましょう。

また、checked を付けた項目は、始めから選択されます。

サンプル
性別: <input type="radio" name="性別" value="男性" checked>男性
<input type="radio" name="性別" value="女性">女性
            
サンプルの結果
性別: 男性 女性

選択ボックス

複数の項目の中から要素を選択してもらうには、選択ボックスが便利です。例の様に、<option>タグで選択して欲しい要素を指定すると、その中から選ぶことが出来ます。

<form>タグと</form>の間に記述して下さい。

また、selected を付けた項目は、始めから選択されます。

サンプル
都道府県名: <select name="都道府県名">
<option value="北海道">北海道</option>
<option value="青森">青森</option>
<option value="岩手">岩手</option>
<option value="秋田">秋田</option>
<option value="山形">山形</option>
<option value="宮城">宮城</option>
<option value="福島" selected>福島</option>
<option value="栃木">栃木</option>
<option value="群馬">群馬</option>
<option value="茨城">茨城</option>
<option value="東京">東京</option>
<option value="神奈川">神奈川</option>
<option value="埼玉">埼玉</option>
<option value="千葉">千葉</option>
<option value="新潟">新潟</option>
<option value="長野">長野</option>
<option value="山梨">山梨</option>
<option value="静岡">静岡</option>
<option value="石川">石川</option>
<option value="富山">富山</option>
<option value="福井">福井</option>
<option value="愛知">愛知</option>
<option value="岐阜">岐阜</option>
<option value="三重">三重</option>
<option value="大阪">大阪</option>
<option value="兵庫">兵庫</option>
<option value="京都">京都</option>
<option value="和歌山">和歌山</option>
<option value="奈良">奈良</option>
<option value="滋賀">滋賀</option>
<option value="岡山">岡山</option>
<option value="香川">香川</option>
<option value="徳島">徳島</option>
<option value="愛媛">愛媛</option>
<option value="高知">高知</option>
<option value="広島">広島</option>
<option value="鳥取">鳥取</option>
<option value="島根">島根</option>
<option value="山口">山口</option>
<option value="福岡">福岡</option>
<option value="佐賀">佐賀</option>
<option value="熊本">熊本</option>
<option value="長崎">長崎</option>
<option value="大分">大分</option>
<option value="宮崎">宮崎</option>
<option value="鹿児島">鹿児島</option>
<option value="沖縄">沖縄</option>
</select>
            
サンプルの結果
都道府県名:

チェックボックス

チェックボックスは、幾つかの選択欄の中から複数選んでもらいたい場合に使用します。例えば例の用に、好きなものにチェックを入れてもらうといった使い方が出来ます。

<form>タグと</form>の間に記述して下さい。

サンプル
好きな都道府県:<br>
<input type="checkbox" name="北海道">北海道<br>
<input type="checkbox" name="青森">青森<br>
<input type="checkbox" name="岩手">岩手<br>
<input type="checkbox" name="秋田">秋田<br>
<input type="checkbox" name="山形">山形<br>
<input type="checkbox" name="宮城">宮城<br>
<input type="checkbox" name="福島">福島<br>
<input type="checkbox" name="栃木">栃木<br>
<input type="checkbox" name="群馬">群馬<br>
<input type="checkbox" name="茨城">茨城<br>
<input type="checkbox" name="東京">東京<br>
<input type="checkbox" name="神奈川">神奈川<br>
<input type="checkbox" name="埼玉">埼玉<br>
<input type="checkbox" name="千葉">千葉<br>
<input type="checkbox" name="新潟">新潟<br>
<input type="checkbox" name="長野">長野<br>
<input type="checkbox" name="山梨">山梨<br>
<input type="checkbox" name="静岡">静岡<br>
<input type="checkbox" name="石川">石川<br>
<input type="checkbox" name="富山">富山<br>
<input type="checkbox" name="福井">福井<br>
<input type="checkbox" name="愛知">愛知<br>
<input type="checkbox" name="岐阜">岐阜<br>
<input type="checkbox" name="三重">三重<br>
<input type="checkbox" name="大阪">大阪<br>
<input type="checkbox" name="兵庫">兵庫<br>
<input type="checkbox" name="京都">京都<br>
<input type="checkbox" name="和歌山">和歌山<br>
<input type="checkbox" name="奈良">奈良<br>
<input type="checkbox" name="滋賀">滋賀<br>
<input type="checkbox" name="岡山">岡山<br>
<input type="checkbox" name="香川">香川<br>
<input type="checkbox" name="徳島">徳島<br>
<input type="checkbox" name="愛媛">愛媛<br>
<input type="checkbox" name="高知">高知<br>
<input type="checkbox" name="広島">広島<br>
<input type="checkbox" name="鳥取">鳥取<br>
<input type="checkbox" name="島根">島根<br>
<input type="checkbox" name="山口">山口<br>
<input type="checkbox" name="福岡">福岡<br>
<input type="checkbox" name="佐賀">佐賀<br>
<input type="checkbox" name="熊本">熊本<br>
<input type="checkbox" name="長崎">長崎<br>
<input type="checkbox" name="大分">大分<br>
<input type="checkbox" name="宮崎">宮崎<br>
<input type="checkbox" name="鹿児島">鹿児島<br>
<input type="checkbox" name="沖縄">沖縄<br>
            
サンプルの結果
好きな都道府県:
北海道
青森
岩手
秋田
山形
宮城
福島
栃木
群馬
茨城
東京
神奈川
埼玉
千葉
新潟
長野
山梨
静岡
石川
富山
福井
愛知
岐阜
三重
大阪
兵庫
京都
和歌山
奈良
滋賀
岡山
香川
徳島
愛媛
高知
広島
鳥取
島根
山口
福岡
佐賀
熊本
長崎
大分
宮崎
鹿児島
沖縄

複数行入力

ご意見・ご感想など、複数行のテキストを入力して欲しい時には、<textarea>タグを使用します。row と cols で、それぞれ行数と幅を指定することが出来ます。

<form>タグと</form>の間に記述して下さい。

サンプル
ご意見・ご感想: <br>
<textarea name="ご意見・ご感想" rows="10" cols="30">
</textarea>
            
サンプルの結果
ご意見・ご感想:


b-click

このコンテンツ内のデータは無断で使用しないで下さい。 ただし「Quick Post Card」については、 付属のドキュメントファイルに従ってご使用下さい。 詳しくは、「このサイトについて」をご覧下さい。


Copyright (C) 2004-2008 Masaaki NEMOTO. All Rights Reserved.
商品無料仕入れ戦隊『電脳卸』 商品無料仕入れ戦隊『電脳卸』