- HTML Tutorial
- HTML - Home
- HTML - Introduction
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Headings
- HTML - Paragraphs
- HTML - Fonts
- HTML - Blocks
- HTML - Style Sheet
- HTML - Formatting
- HTML - Quotations
- HTML - Comments
- HTML - Colors
- HTML - Images
- HTML - Image Map
- HTML - Iframes
- HTML - Phrase Elements
- HTML - Meta Tags
- HTML - Classes
- HTML - IDs
- HTML - Backgrounds
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML Color Names & Values
- HTML - Color Names
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Picker
- HTML References
- HTML - Cheat Sheet
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - min Attribute
HTML min attribute is used to define minimal value for inputs like number, date, time etc.
By limiting input to a predetermined lower boundary, this attribute is essential for designing user-friendly forms and ensuring data consistency.
Syntax
<tag min="number|date">
Applies On
Below listed elements allow using of the HTML max attribute
Element | Description |
---|---|
<input> | HTML <input> tag is used accpect various types of input from user. |
<meter> | HTML <meter> tag is used to render data within the given range. |
Examples of HTML min Attribute
Below examples will illustrate the HTML min attribute, where and how we should use this attribute!
Set minimum age limit using min Attribute
In the following example, we are using the min attribute with the input type=number to set min age limit as 18.
<!DOCTYPE html> <html lang="en"> <head> <title>HTML min attribute</title> </head> <body> <form> Enter your age (not less than 18): <input type="number" min="18"> <button> Submit </button> </form> </body> </html>
Set minimum date using min Attribute
Considering the another scenario, where we are going to use the min attribute with th input type=date.
<!DOCTYPE html> <html lang="en"> <head> <title>HTML min attribute</title> </head> <body> <form> Choose a date(not less than 2023-06-10): <input type="date" min="2023-06-10"> <button>Submit</button> </form> </body> </html>
Set min value for meter element
In the following example, we will create a meter element and set a min value as 0 inorder to show percentge progress.
<!DOCTYPE html> <html lang="en"> <body> <h3>HTML min Attribute</h3> <label for="server-load"> Room 1: Server Load </label> <meter id="server-load" value="40" min="0" max="100" low="50" high="90" optimum="0.5"> </meter> </body> </html>
Supported Browsers
Attribute | |||||
---|---|---|---|---|---|
min | Yes 5.0 | Yes 10.6 | Yes 16.0 | Yes 5.1 | Yes 10.6 |
html_attributes_reference.htm
Advertisements
To Continue Learning Please Login
Login with Google