form設定

論理がまだいまいち理解できてないのでモヤモヤ感が残っている。


<?xml versin="1.0"encoding="UTF-8"?>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML1.0 Srict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja"lang="ja">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=UTF-8">
<meta http-equiv="Content-Style-Type"content="text/css">
<title>form-simple(1)</title>
<style type="text/css">
<!--
#myform {
    width:500px;
}
#myform label {
    font-size: 0.875em;
}
#myform table {
    font-size:0.875em;
    width:100%;
    border-collapse:collapse;
}

#myform th {
    text-align:left;
    width:100px;
    padding:8px;
    background-color: greenyellow;
    border:solid 1px #aaaaaa;
}
#myform td {
    border:solid 1px #aaaaaa;
    padding:8px;
}
#myform p {
    text-align:center;
}
-->
</style>
</head>
<body>
<form method="post" action="#" id="myform">
<table>
<tr>
<th><label for="user">名前</label></th>
<td><input tyoe="text" id="user" name="username"/></td>
</tr>
<tr>
<th><label for="mail">メールアドレス</label></th>
<td><input type="text" id="mail" name="mailaddress"/></td>
</tr>
<tr>
<th><label for="com">コメント</label></th>
<td><textarea id="com" name="comment" cols="40" rows="8"></textarea></td>
</tr>
</table>
<p><input type="submit" value="送信" id="submit"/></p>
</form>
</body>
</html>