{{ block title }}
    购物态度
{{ endblock }}
{{ block content }}


{{ formfield 'want_limit'}}
{{ formfield 'life_better'}}

<div>
    <p>当您在以下电商平台：淘宝/天猫，京东，拼多多，快手电商，以及抖音电商进行购物的时候，您有多大比例是在手机上购物，而不是在其他地方（平板/电脑）完成的？</p>
    <p style='margin-top:0.3cm;margin-bottom:0'>
        <label>0%</label> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;<label>100%</label><br>
    <input type="range" name="shop_on_phone" min="0" max="100" oninput="update(this)" style="width:350px;" required>&nbsp; &nbsp;<label id="shop_on_phone"></label>
    </p>
    
    {{ formfield_errors 'shop_on_phone' }}
</div>

    {{ next_button }}

    <script>
        let shop_on_phone = document.getElementById('shop_on_phone');
        function update(input) {
            let give = parseInt(input.value);
            shop_on_phone.innerText = `输入值%: ${give}`;
        };
    </script>

{{ endblock }}