References

Beginner-friendly references for web development, with live, editable examples.

The HTML min attribute

Attribute All modern browsers Updated
Quick answer

The HTML min attribute sets the minimum allowed value. It is used on the <input> (number/range/date types), <meter> and <progress> elements.

Overview

The min attribute sets the minimum allowed value. It is used on form controls such as <input>, <select> and <textarea>.

It is a form-control attribute: it configures how a control behaves, what it accepts, or its initial value, working alongside the control's <label> and parent <form>. Constraint attributes also feed the browser's built-in validation.

Syntax

<input type="number" min="1" max="10">

Values

Value
A number or date, depending on the control.

Example

Live example
<input type="number" min="1" max="10" value="5" style="padding:8px;">

Best practices

  • Give every control a <label> so it has an accessible name.
  • Treat client-side constraints as a convenience — always validate again on the server, since they can be bypassed.
  • Choose the most specific input type so users get the right on-screen keyboard and built-in checks.
  • Keep the submitted name and value meaningful for whatever processes the form.

Frequently asked questions

What does the min attribute do?
Sets the minimum allowed value.
Are HTML form attributes enough for validation?
They give instant feedback, but client-side checks can be bypassed, so always validate on the server too.
Do form controls still need a label?
Yes. Every control needs a <label> for an accessible name, whatever attributes you set.
Which elements use the min attribute?
It is an element-specific attribute, used on form controls such as <input>, <select> and <textarea>.