本文へジャンプ  

簡易サンプル

サンプル1 (簡易タイプ)

次は簡易送信フォームのサンプルです。

(このフォームはサンプルなので実際に送信できません。)

サンプル

E-mail:テキストボックス

お名前:テキストボックス

性別: ラジオボタンラジオボタン

年齢: セレクトボックス

好きな色: チェックボックスチェックボックスチェックボックス黄色 チェックボックスチェックボックスチェックボックスチェックボックスその他

ご感想:
テキストエリア

確認ボタン 取り消しボタン


HTMLの記述方法

上記フォームのHTML記述は次のようになります。ご参考にしてください。

<html>
<head>
<title>Sample</title>
</head>

<body>
<h2> 簡易サンプル</h2>

<form method="post" action="フォームメールのURL">

E-mail:<input type="text" name="email" size="30"><br>
<br>
お名前:<input type="text" name="名前" size="40"> <br>
<br>
性別: <input type="radio" name="性別" value="男">男
<input type="radio" name="性別" value="女">女<br>
<br>
年齢: <select name="年齢">
<option>10代</option>
<option>20代</option>
<option>30代</option>
<option>40代</option>
<option>50代</option>
<option>60代</option>
<option>60代以上</option>
</select>
<br>
<br>
好きな色: <input type="checkbox" name="好きな色" value="赤">赤
<input type="checkbox" name="好きな色" value="青">青
<input type="checkbox" name="好きな色" value="黄色">黄色
<input type="checkbox" name="好きな色" value="緑">緑
<input type="checkbox" name="好きな色" value="白">白
<input type="checkbox" name="好きな色" value="黒">黒
<input type="checkbox" name="好きな色" value="その他">その他<br>
<br>
ご感想:<br>
<textarea name="感想" rows="5" cols="40"></textarea>
<br>
<br>
<input type="hidden" name="subject" value="題名">
<input type="submit" value=" 確 認 ">
<input type="reset" value="取り消し">
</form >

</body>
</html>
 

ページ上部へ