//html
<input type="number" class="form-control" @keypress="isNumberKey($event)">

//js
isNumberKey(e){
    if (e.charCode === 0 || /\d/.test(String.fromCharCode(e.charCode))) {
    	return true
    } else {
    	e.preventDefault();
    }
}

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

iF n OnLy iF

0 Answers Avg Quality 2/10

HTML text input allow only numeric input

Comment

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

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Abdul Bari Shaikh

0 Answers Avg Quality 2/10

input field only numbers html

Comment

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

Popularity 8/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: html input-field inpu

Link to this answer
Share Copy Link

Contributed on Oct 13 2023

Bearhands

0 Answers Avg Quality 2/10

Input only allow numbe

Comment

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

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: input whatever

Link to this answer
Share Copy Link

Contributed on Jun 07 2023

Readul Ahmed

0 Answers Avg Quality 2/10

input only number html

Comment

// input for numbers 

<input type="number">

// input types 

<input type="text"> // for text 

<input type="number"> // fo numbers

<input type="email"> // for email

<input type="password"> // for password

<input type="color"> // for color

Popularity 9/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: html input i

Link to this answer
Share Copy Link

Contributed on May 30 2023

Saidos

0 Answers Avg Quality 2/10

input number only no e

Comment

<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true">

Popularity 5/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: e input whatever

Link to this answer
Share Copy Link

Contributed on Mar 05 2023

Virgi Septian

0 Answers Avg Quality 2/10

html input only numbers

Comment

<!-- Simply set the input type of the input field to number. --!>
<!-- Just like this: ⬇️ --!>

<!DOCTYPE html>
<html>
  <head>
    <title>Title/page name</title>
    <style>
    .css::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0;
}
.css::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0;
    { 
</style>
  </head>
  <body>
    <p>This input only accepts numbers: </p><input type="number">
    <!-- Css can also be use to remove the arrows from the side of the input. --!>
    <!-- Just like this: ⬇️ --!>
    <p>This input only accepts numbers and has no arrows: </p><input type="number" class="css">
  </body>
</html>

<!-- Css can also be use to remove the arrows from the side of the input. --!>
<!-- Just like this: ⬇️ --!>

Popularity 10/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Apr 05 2022

Different Dog

0 Answers Avg Quality 2/10

allow only number in input html

Contents

More Related Answers