How can I limit possible inputs in a HTML5 “number” element?

Question

For element, maxlength is not working. How can I restrict the maxlength for that number element?

Answer 1

You can specify the min and max attributes, which will allow input only within a specific range.

This only works for the spinner control buttons, however. Although the user may be able to type a number greater than the allowed max, the form will not submit.

^{Screenshot taken from Chrome 15}

You can use the HTML5 oninput event in JavaScript to limit the number of characters:

myInput.oninput = function () {
    if (this.value.length > 4) {
        this.value = this.value.slice(0,4); 
    }
}