How to disable input on type="number" but only keep spinners usable

Question

So I need to disable input on:

<input type="number" name="name" value="0" min="0" max="1" />

But keep the spinners working... to avoid some input anything above or beneath min and max.

Answer 1

You can use jquery for this task:

DEMO

HTML

<input type="number" name="name" value="0" min="0" max="1" />

JAVASCRIPT (JQUERY)

$('input[type="number"]').keydown(function(e) {
  e.preventDefault();
});