| |
本ページで作成するmail.htmをブラウザで表示すると以下のようになります。 |
| |
<html> <head><title>ページのタイトル</title></head>
<body bgcolor="#FFFFFF" background="ｘｘｘｘｘ.gif">
<form action="http://www.wbs.ne.jp/cgi-bin/personal.cgi" method="POST">
<!-- ★★★ あなたのメールアドレスを記述 ★★★ -->
<input type="hidden" name="email" value="wbs*****@mail.wbs.ne.jp">
<font size="3">
<!-- ★★★ 冒頭メッセージ ★★★ -->
必要事項を入力してください。
</font>
</div><hr>
<div align="left"><table border="0">
<!-- ★★★ ここからフォームです。不要な部分は項目ごと削除して下さい。★★★ -->
<!-- ★★★ 名前 ★★★ -->
<tr>
<td nowrap><font size="3">■ 名前</font></td>
<td><font size="3">：</font></td>
<td><font size="3"><input type="text" size="20" name="名前"></font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ 年齢 ★★★ -->
<tr>
<td nowrap><font size="3">■ 年齢</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<select name="年齢" size="1">
<option value="10以下">10以下</option>
<option selected value="10〜20">10〜20</option>
<option value="20〜30">20〜30</option>
<option value="30〜40">30〜40</option>
<option value="40〜50">40〜50</option>
<option value="50〜60">50〜60</option>
<option value="60〜70">60〜70</option>
<option value="70〜80">70〜80</option>
<option value="80〜90">80〜90</option>
<option value="90以上">90以上</option>
</select>
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ 性別 ★★★ -->
<tr>
<td nowrap><font size="3">■ 性別</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="radio" name="性別" value="男" checked>男
<input type="radio" name="性別" value="女">女
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ メールアドレス ★★★ -->
<tr>
<td nowrap><font size="3">■ メールアドレス</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="43" name="メールアドレス" >
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ 郵便番号 ★★★ -->
<tr>
<td nowrap><font size="3">■ 郵便番号</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="8" name="郵便番号" ></font></td>
</tr>
<!-- ★★★ ご住所 ★★★ -->
<tr>
<td nowrap><font size="3">■ ご住所</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="43" name="住所"></font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ 郵便番号 ★★★ -->
<tr>
<td nowrap><font size="3">■ 電話番号</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="15" name="電話番号">
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
</table> </div>
<div align="left">
<table border="0">
<!-- ★★★ ホームページ名 ★★★ -->
<tr>
<td><font size="3">■ ホームページ名</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="43" name="ホームページ名">
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ ホームページURL ★★★ -->
<tr>
<td><font size="3">■ ホームページURL</font></td>
<td><font size="3">：</font></td>
<td><font size="3">
<input type="text" size="43" name="ホームページURL" value="http://">
</font></td>
</tr>
<!-- ☆☆☆ 終了 ☆☆☆ -->
</table>
</div><div align="left">
<!-- ★★★ その他、ご意見、ご質問 ★★★ -->
<table border="0">
<tr>
<td><font size="3">■
その他、ご意見、ご質問があれば、入力してください。</font></td>
</tr>
<tr>
<td><font size="3"><textarea name="メッセージ" rows="5" cols="60">
</textarea></font>
</td>
</tr>
</table>
<!-- ☆☆☆ 終了 ☆☆☆ -->
<!-- ★★★ ここまで ★★★ -->
</div>
<hr>
<div align="left">
<table border="0" width="550">
<tr>
<td><font size="3">以上、記入事項にお間違えがないことを確認された後、どちらかのボタンを押してください</font></td>
</tr>
<tr>
<td><font size="3"><input type="submit" name="B1" value="送
信"> <input
type="reset" name="B2" value="キャンセル"> <a
href="javaScript:history.back();">もどる</a></font></td>
</tr>
</table>
</div>
</form>
</body>
</html> |
|
