<form action="" method="post">
    <div class="form_control">
        <label for="anzahl">Anzahl</label>
        <input type="number" step="10" min="0" max="100" value="0" id="anzahl" name="anzahl">
    </div>
    <div class="form_control">
        <label for="bewertung1">Bewerten Sie den Kurs in einer Skala von 0 bis 10</label>
        <input type="range" min="0" max="10" step="1" value="0" id="bewertung1" name="bewertung1">
    </div>
    <div class="form_control">
        <label for="bewertung2">Bewerten Sie den Kurs in einer Skala von 0 bis 100</label>
        <input type="range" min="0" max="100" step="20" value="0" list="tickmarks" id="bewertung2" name="bewertung2">
        <datalist id="tickmarks">
            <option value="0">
            <option value="20">
            <option value="40">
            <option value="60">
            <option value="80">
            <option value="100">
        </datalist>
    </div>
    <div class="form_control">
        <label for="bewertung3">Vertikaler Range Slider</label>
        <!-- orient="vertical" ist ein Attribut nur für Firefox -->
        <input type="range" orient="vertical" style="writing-mode: bt-lr; appearance: slider-vertical;" id="bewertung3" name="bewertung3">
    </div>
    
    <div class="form_control">
        <button type="submit" name="go" class="btn btn-blue">Verschicken</button>
    </div>
</form>