input type="number" 入力チェックサンプル

通常

空文字

const n = document.getElementById('n')
const r = document.getElementById('r')

n.addEventListener('input', () => {
  r.textContent = n.value === '' ? '空文字' : n.value
})

スピンボタンなし

空文字

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

元記事を表示する