{{ block title }}
性格テスト
{{ endblock }}

{{ block content }}

<p>
以下のそれぞれの言葉は、あなた自身にどのくらい当てはまりますか？
</p>


<table class="table table-striped"> <!--表形式の回答表記-->
    <tr>    <!--<tr>は、テーブルの1つ1つの行を表す-->
        <th></th>   <!--1列目は質問なので、空欄-->
        <th>全く違うと思う</th>
        <th>やや違うと思う</th>
        <th>どちらでもないと思う</th>
        <th>ややそう思う</th>
        <th>強くそう思う</th>
    </tr>   <!--合計6行となる-->
    {{ for field in form }} <!--入力行をfor文で繰り返し-->
    <tr>
        <th>{{ field.label }}</th>  <!--1列目：質問ラベル-->
        {{ for option in field }}   <!--2列目から6列目までの回答のラジオボタンをfor文で繰り返し-->
        <td>{{ option }}</td>   <!--optionは、<scriptで定義>-->
        {{ endfor }}    <!--ラジオボタンのfor文繰り返し終了-->
    </tr>
    {{ endfor }} <!--入力行をfor文繰り返し終了-->
</table>

{{ next_button }}

<script>
    // workaround needed until wtforms #615 is published
    for (let option of document.querySelectorAll('input[type=radio]')) {
        option.required = 'required';
    }
</script>

{{ endblock }}