Disable direct value editing in input type="number"

Question

i have using<input type="number">. in that i don't want user can enter manually numbers in to input. user only increase and decrees numbers by step then is it possible.

Answer 1

You can do it by cancelling the keydown event. Either inline (<input type="number" onkeydown="return false">), or within an event handler.

Answer 2

Use jQuery

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