<input type='text' onkeypress='return checkNumber(event)'>
input type은 'text'이고,
onkeypress 이벤트가 발생하면 checkNumber 함수를 호출하여 결과를 리턴하도록 하였습니다.

<script>
function checkNumber(event) {
 if(event.key === '.' 
    || event.key === '-'
    || event.key >= 0 && event.key <= 9) {
   return true;
 }
 
 return false;
}
</script>
출처: https://hianna.tistory.com/413 [어제 오늘 내일:티스토리]

============================================

<input type="text" 
   oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />
============================================



<form>
 <input type="text" pattern="[0-9]+">
 <input type='submit'>
</form> 
<style>
input:invalid {
 border: 3px solid red;
}
</style>
===================

<input type="text" oninput="onlyNumberWithComma(this);"/>
  function onlyNumberWithComma(obj) {
     var number = obj.value;

     //숫자가 아닌 값 모두 replace 해주기
     number=number.replace(/[^0-9]/g,'');

     //콤마 표시
     number=Number(number).toLocaleString();
     
     //다시 value 지정해주기
     obj.value = number;
   }