フォームの練習その3
隠しデータ
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title> 隠しデータの送信</title> </head> <body> <h1>隠しデータの送信</h1> <form action="#" method="post"> <p><input type="hidden" name="user=id" value="012345"></p><p><input type="submit" value="送信"></p> </form> </body> </html>
基本形(1)
HTML
<!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="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>
基本形(2)
HTML
<!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>