Questions
9 of 17
1What are different form elements in HTML ?
2What is the role of the <label> tag in forms ?
3What does name attribute do in an input field ?
4Explain method="GET" vs method="POST" in forms ?
5What is the purpose of action in form?
6What is native form validation in HTML?
7How do you make an input field required?
8How do you limit input length in a form?
9How to restrict a field to accept only numbers?
10What does the pattern attribute do?
11What is the placeholder attribute?
12What is the use of autocomplete?
13How do you build a multi-step form with native HTML?
14How can you capture file uploads with HTML?
15What are fieldsets and legends in forms?
16How do you associate multiple labels with one input?
17What is the difference between disabled and readonly?
HTMLHTML
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
09 / 17

How to restrict a field to accept only numbers?

Restricting Input to Numbers in HTML

In HTML, you can restrict an input field to accept only numbers by using the type="number" attribute. This ensures that the browser only allows numeric input and shows a numeric keyboard on mobile devices.

Ways to Restrict Input to Numbers
  1. 1

    Use <input type="number"> to accept only numeric values.

  2. 2

    Add min and max attributes to set allowed numeric ranges.

  3. 3

    Use the step attribute to control increments (e.g., step="1" for integers).

  4. 4

    Alternatively, use pattern="[0-9]+" with <input type="text"> for custom numeric-only validation.

Example of Numeric Input