フォームの基本構造10
フォームの練習(2)
ソースコード【 HTML [ Embed ] 】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(2)</title> <style> #myform label { font-size: 0.875em; width: 100px; display: block; float: left; } </style> </head> <body> <form action="#" method="post" id="myform"> <p> <label for="user">名前</label> <input type="text" id="user" name="username"> </p> <p> <label for="mail">メールアドレス</label> <input type="text" id="mail" name="mailaddress"> </p> <p> <label for="com">コメント</label> <textarea id="com" name="comment" cols="40" rows="8"></textarea> </p> <p><input type="submit" value="送信" id="submit"></p> </form> </body> </html>
ブラウザで表示