4.10 練習問題 解答

問1

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>フォームの練習問題</title>
    </head>
    <body>
        <h1>アンケート</h1>
        <form action="" method="POST">
            <p>①あなたのお名前を入力してください。</p>
            <p><input type="text" name="namae"></p>
            <p>②性別を選んでください。</p>
            <p>
                <input type="radio" name="gender" value="man">男
                <input type="radio" name="gender" value="woman">女
            </p>
            <p>③お住まいの地域を選択してください。</p>
            <p>
                <select name="city">
                    <option value="hokkaido">北海道</option>
                    <option value="tohoku">東北</option>
                    <option value="kanto">関東</option>
                    <option value="kansai">関西</option>
                    <option value="kyushu">九州</option>
                </select>
            </p>
            <p>④興味のあることを選択してください。(複数選択可)</p>
            <p>
                <input type="checkbox" name="hobby" value="jogging">ジョギング
                <input type="checkbox" name="hobby" value="soccer">サッカー
                <input type="checkbox" name="hobby" value="baseball">野球
                <input type="checkbox" name="hobby" value="swimming">水泳
            </p>
            <p>⑤記入が終わりましたら、送信ボタンをおしてください。</p>
            <input type="submit" value="送信">
            <input type="reset" value="やり直し">
        </form>
    </body>
</html>