Untitled

input.html

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>アンケートのお願い(練習用)</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <h2>アンケートのお願い(練習用)</h2>
        <p>あなたの携帯電話・スマートフォンの利用状況についてのアンケートをお願いします。</p>
        <p>1～2分で終わる簡単なものです。</p>
        <p>※練習用のものなので、集計結果は<strong>商用利用しません</strong>。</p>
        <p>※データベースには登録させて頂きますが、情報が外部に出ることはありません。</p>

        <form action="confirm.php" method="post">
            <h3>Q1. あなたは携帯電話を持っていますか？</h3>
            <label><input type="radio" name="own" value="持っている">持っている</label>
            <label><input type="radio" name="own" value="持っていない">持っていない</label>
            <p>※持っていない、を選ばれた方はQ2～Q5への回答は<strong>不要</strong>です。<p>

            <h3>Q2. あなたの使ってる携帯電話はスマートフォンですか？フィーチャーフォン(ガラケー)ですか？</h3>
            <label><input type="radio" name="type" value="スマートフォン">スマートフォン</label>
            <label><input type="radio" name="type" value="フィーチャーフォン">フィーチャーフォン</label>
            <label><input type="radio" name="type" value="その他の機種">その他の機種</label>

            <h3>Q3. あなたの機種は第何世代の通信規格ですか？</h3>
            <label><input type="radio" name="generation" value="4G/LTE">4G/LTE</label>
            <label><input type="radio" name="generation" value="3G">3G</label>
            <label><input type="radio" name="generation" value="5G">5G</label>

            <h3>Q4. あなたの機種のキャリア(携帯電話会社)はどこですか？</h3>
            <label><input type="radio" name="company" value="NTTドコモ">NTTドコモ</label>
            <label><input type="radio" name="company" value="au">au</label>
            <label><input type="radio" name="company" value="SOFTBANK">SOFTBANK</label>
            <label><input type="radio" name="company" value="楽天モバイル">楽天モバイル</label>
            <label><input type="radio" name="company" value="UQモバイル">UQモバイル</label>
            <label><input type="radio" name="company" value="Yモバイル">Yモバイル</label>

            <h3>Q5. あなたの月々の利用料金はおよそいくらですか？</h3>
            <label><input type="radio" name="cost" value="1000円以下">1000円以下</label>
            <label><input type="radio" name="cost" value="1000～2000円">1000～2000円</label>
            <label><input type="radio" name="cost" value="2000～3000円">2000～3000円</label>
            <label><input type="radio" name="cost" value="3000～4000円">3000～4000円</label>
            <label><input type="radio" name="cost" value="4000～5000円">4000～5000円</label>
            <label><input type="radio" name="cost" value="5000～6000円">5000～6000円</label>
            <label><input type="radio" name="cost" value="6000～7000円">6000～7000円</label>
            <label><input type="radio" name="cost" value="7000円以上">7000円以上</label>

            <h3>Q6. 何かご質問・ご意見がありましたらお書き下さい(任意、100字以内)。</h3>
            <textarea name="message"></textarea>

            <p class="lastline">アンケートは以上です。よろしければ下の送信ボタンをクリックし、確認ページに進んで下さい。</p>
            <p><input type="submit" value="送信する"></p>
        </form>
    </body>
</html>