【授業の復習】
【授業の復習】
・フォームの基本構造
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(1)</title> </head> <body> <form action="#" method="post" enctype="muitipart/form-data"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:<textarea name="subject" rows="5" cols="40" >お問い合わせ内容</textarea> </p> <h1>チェックボックス</h1> <p>スマートフォン: <label><input type="checkbox" name="mobile" value="1" checked>iphone</label> <label><input type="checkbox" name="mobile" value="2">Android</label> <label><input type="checkbox" name="mobile" value="3">その他</label> </p> <h1>ラジオボタン</h1> <p><input type="radio" name="sex" value="male"checked><label for="male">男性</label> <input type="radio" name="sex" value="female" > <label for="female">女性</label></p> <h1>リスト</h1> <p>言語: <select name="language"> <option value="" selected>以下の言語を選択してください</option> <option value="ja" >日本語</option> <option value="en">英語</option> <option value="fr">フランス語</option> <option value="es">スペイン語</option> <option value="ko">韓国語</option> </select> <p/> <p>パスワード: <input type="password" name="password" size="10" maxlength="5"> </p> <p>写真: <input type="file" name="picture"> </p> <p><input type="submit" value="送信"></p> </form> </body> </html>
