フォームの基本構造09
基本形(1)
ソースコード【 HTML[ Embed ] 】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(1)</title> <style> #myform label { font-size: 0.875em; margin-bottom: 3px; display: block;/* 改行せずに次の行に移る */ } </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="mailaddess"> </p> <p> <label for="com">コメント</label> <!-- [ cols="" ]文字数:入力欄の幅を文字数で指定 --> <!-- [ rows="" ]行数:入力欄の高さを行数で指定 --> <textarea id="com" name="comment" cols="40" rows="8"></textarea></p> <p><input type="submit" value="送信" id="submit"></p> </form> </body> </html>
ブラウザで表示