formタグ内の記述の意味 初心者

Question

次のような記述をしたのですが、
form内のタグが何の機能があるのかを教えてほしいです。

よくわからないのが、labelとid、valueが何のためにあるのか、何を表しているのかがわかりません。

<form id="mailform" method="post" action="../../cgi-bin/mailform/send.cgi" onsubmit="return sendmail(this);">
     <table border="1">
       <tbody>
         <tr>
           <th scope="row"><label for="name">お名前：</label></th>
           <td><input type="text" name="お名前(必須)" id="name"></td>
         </tr>
         <tr>
           <th scope="row"><label for="mail">メールアドレス：</label></th>
           <td><input type="text" name="email(必須)" id="mail"><br>
           <input type="text" name="confirm.email"><span>※再入力</span></td>
         </tr>
         <tr>
           <th scope="row">性別：</th>
           <td>
           <input type="radio" name="性別" value="男性" id="man">
           <label for="man">男性</label>
           <input type="radio" name="性別" value="女性" id="woman">
           <label for="woman">女性</label>
          </td>
         </tr>
         <tr>
           <th scope="row">都道府県：</th>
           <td>
           <select name="都道府県" id="都道府県">
             <option>選択してください</option>
             <option value="青森">青森県</option>
             <option value="東京">東京都</option>
             <option value="大阪">大阪府</option>
           </select>
           </td>
         </tr>
         <tr>
           <th scope="row">好きなお茶：</th>
           <td>
           <input type="checkbox" name="好きなお茶" value="日本茶" id="japanese-tea">
           <label for="japanese-tea">日本茶</label>
           <input type="checkbox" name="好きなお茶" value="紅茶" id="black-tea">
           <label for="black-tea">紅茶</label>
           <input type="checkbox" name="好きなお茶" value="中国茶" id="chinese-tea">
           <label for="chinese-tea">中国茶</label>
           </td>
         </tr>
         <tr>
           <th scope="row">メルマガを希望する：</th>
           <td><input name="メールマガジン" type="radio" id="yes" value="希望する">
           <label for="yes">希望する</label>
           <input type="radio" name="メールマガジン" value="希望しない" id="no">
           <label for="no">希望しない</label>
           </td>
         </tr>
         <tr>
           <th scope="row">ご意見・お問合わせ：</th>
           <td><textarea cols="40" rows="5" name="ご意見・お問合わせ" id=""></textarea></td>
         </tr>
         <tr>
           <th colspan="2" scope="row">
           <input type="submit" value="送信ボタン">
           <input type="reset" value="リセットボタン">

追記
回答ありがとうございます。
nameは何が送信されたかがサーバー側でわかるようにするため、、、という理解なのですが、合ってますでしょうか？

また、

<option value="青森">青森県</option> <option value="東京">東京都</option> <option value="大阪">大阪府</option> とvalueを設定しているのですが、例えばこれがなければどんな不都合があるのでしょうか？？

Answer 1

labelとid、valueが何のためにあるのか

質問の意図がわかりかねますが
labelはテキストや画像に設定しておけばクリックした時に
チェックボックスやラジオボタンをチェックできます

idはlabelから指定するときにも使いますが本質的には
他の箇所とは違う（ユニーク）ことを保証するための属性のようなものです
idを指定しておけばプログラムからそのタグを指定して様々な
処理を指定することが可能です

valueはフォームが送る内容です。
チェックボックスやラジオボタン、セレクトボックスなど
あらかじめサービス側が任意の値を指定しておき、
ユーザーはそこから値を選ぶことでサーバーにデータを送ります
任意の文字を送りたいときはinputタグのtype=textや
textareaを利用します。inputタグにvalueを予め指定しておけば
デフォルトの値をユーザーに提示することになります

Comments

[fj-kakeru]

回答ありがとうございます。
nameは何が送信されたかがサーバー側でわかるようにするため、、、という理解なのですが、合ってますでしょうか？

また、
<option value="青森">青森県</option>
<option value="東京">東京都</option>
<option value="大阪">大阪府</option>
とvalueを設定しているのですが、例えばこれがなければどんな不都合があるのでしょうか？？

[yambejp]

> nameは何が送信されたかがサーバー側でわかるようにするため

そうですね
<input type="text" name="a" value="100">
が送られれば「a」という名前で「100」という値が渡ります

セレクトボックスのoptionについては前述したとおり
選択肢をサービス側が予めユーザーに提示しているものですので
なければ選択肢が狭まるということです
optionが一つもないセレクトボックスは作るべきではありませんが
もしつくっても渡す値がないということです

[fj-kakeru]

valueがなければ表示されないんですねー
ありがとうございました！！！

Answer 2

ぐぐれば色々でてきます。
http://www.htmq.com/html5/label.shtml