<form action="mailto:bajie@mail.goo.ne.jp" method="post" enctype="text/plain">

お名前： <input type="text" name="name"><br>

Ｅメールアドレス： <input type="text" value=" " name="from" SIZE="40"><br>

ホームページURL： <input type="text" value=" http://" name="url" SIZE="65"><br>

メールの件名（タイトル）： <input type="text" name="subject" SIZE="40"><br>

pass： <input type="password" name="pass"><br><br>

<textarea name=area cols=60 rows=10 wrap=hard>なんか書いてね</textarea> <p>

<select name="select">
<option value=hikouki>飛行機</option>
<option value=fune>船</option>
<option value=jidoosha>自動車</option>
<option value=densha>電車</option>
<option value=jitensha>自転車</option>
<option value=baiku>バイク</option>
<option value=ufo>ＵＦＯ</option>
</select>

<p>
<input type="radio" name="animal" value="radiobutton">ねこ
</p>
<p>
<input type="radio" name="animal" value="radiobutton">いぬ
</p>
<p>
<input type="radio" name="animal" value="radiobutton" checked>さる
</p>
<p>
<input type="radio" name="animal" value="radiobutton">ぶた
</p>
<p>
<input type="radio" name="animal" value="radiobutton">かっぱ
</p>
<p>
<input type="radio" name="animal" value="radiobutton">からす
</p>
<p>
<input type="checkbox" name="animal" value="checkbox" checked>とら
</p>
<p>
<input type="checkbox" name="animal" value="checkbox">うま
</p>
<p>
<input type="checkbox" name="animal" value="checkbox">いのしし
</p>
<p>
<input type="checkbox" name="animal" value="checkbox">かめ
</p>
<p>
<input type="checkbox" name="animal" value="checkbox">かえる
</p>
<p>
<input type="submit" name="submit" value="送信する">
<input type="reset" name="reset" value="リセットする">
</p>
</form>

上から順にソースを説明いたします。

<form action="mailto:bajie@mail.goo.ne.jp" method="post" enctype="text/plain">

これはフォームタグです。<form>〜</form>までがフォーム入力範囲ということです。

<input type="text" name="name">
<input type="password" name="pass">

文字の入力フィールドになります。

typeの部分で入力方式をかえられます。textだと普通に文字をうてますが、passwordにすると入力した文字が

直接表示されずに*で表示されるようになります。nameはフィールド名で、なんでもよろしいです。

<textarea name=area cols=60 rows=10 wrap=hard>なんか書いてね</textarea>

ここは複数行の入力フィールドです。

colsで横の文字数、rowsで縦の行数を指定してます。wrapは改行方法で、hardにすると自動的に改行してくれます。
送信データも改行されています。softにすると自動的に改行されますが、送信データは改行されません。offにするとまったく改行されません。

<select name="select">
<option value=hikouki>飛行機</option>
<option value=fune>船</option>
<option value=jidoosha>自動車</option>
<option value=densha>電車</option>
<option value=jitensha>自転車</option>
<option value=baiku>バイク</option>
<option value=ufo>ＵＦＯ</option>
</select>

これはプルダウンメニューというものです。<option>〜</option>で挟まれた文字が表示されます。

<input type="radio" name="animal" value="radiobutton" checked>

これはラジオボタンです。最後にcheckedとしておくと最初からそれを指定したところにチェックが入ります。

<input type="checkbox" name="animal" value="checkbox" checked>

こちらはチェックボックスです。ラジオボタンと同様にcheckedで最初からチェックが入ります。

<input type="submit" name="submit" value="送信する">
<input type="reset" name="reset" value="リセットする">

送信ボタンとリセットボタンです。typeのところでsubmitにすると送信ボタン、resetにするとリセットボタンになります。
また、valueに書き込んだ文字がボタンに表示されます。

乗り物や動物等の名称をいろいろ書き換えてご利用下さい。