Максимальное предельное значение во входном html в реальном времени

Question

Мне нужно ограничить максимальное входное значение в поле name = "name".Обработка в реальном времени.Ограничение <input max = 100> не работает.Как я могу это сделать?

 <script>
        function showcost() {
            document.getElementById("cost").value = document.getElementById('serviceslist').value;
        }
        function sum2() {
            var x = document.getElementById('cost2').value;
            var y = document.getElementById('amount2').value;
            var total = (parseFloat(x) * parseFloat(y))/100;
            document.getElementById("total2").value = total;
        }
    </script>

    <br>
<div class="container">
    <div class="row">
        <div class="col-md-12 col-md-offset-0">

    <form>

        <p>Procent:<input name="name" size="3" min=1 max=100 type="number" id="amount2"  step=1 id="cost2" pattern="[0-9]" onchange="sum2()" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" );" ></p>
        <p>Результат:<input type="text" id="total2" value="0" disabled></p>
    </form>
        </div>
    </div>
</div>