{{ block title }}
    Page title
{{ endblock }}
{% block styles %}
   <style>
      input[type=radio] {
        transform: scale(1.8);
        margin:10px;
      }
   </style>
{% endblock %}
{{ block content }}
選一個數字
<div class="grid">

    <div>
    <div><input type="radio" name="number" value="1" id="1" checked>
        <label for="choice-1">1</label></div>
    <div><input type="radio" name="number" value="2" id="2">
        <label for="choice-2">2</label></div>
    <div><input type="radio" name="number" value="3" id="3">
        <label for="choice-3">3</label></div>
    <div><input type="radio" name="number" value="4" id="4">
        <label for="choice-4">4</label></div>
    <div><input type="radio" name="number" value="5" id="5" checked>
        <label for="choice-5">5</label></div>
    <div><input type="radio" name="number" value="6" id="6">
        <label for="choice-6">6</label></div>
    <div><input type="radio" name="number" value="7" id="7">
        <label for="choice-7">7</label></div>
    <div><input type="radio" name="number" value="8" id="8">
        <label for="choice-8">8</label></div>
    <div><input type="radio" name="number" value="9" id="9">
        <label for="choice-9">9</label></div>
    <div><input type="radio" name="number" value="10" id="10">
        <label for="choice-10">10</label></div>
    </div>
{{ formfield_errors 'number' }}
<br>

<!--{{ formfields }}-->
    {{ next_button }}

{{ endblock }}