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>