show error messages for min and max values of an input field with number type - HTML CSS CSS Form

HTML CSS examples for CSS Form:input

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input

Description

show error messages for min and max values of an input field with number type

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!-- ww  w  . j ava 2s  .c  om-->
 <body> 
  <form> 
   <input type="number" min="0.1" max="30" required> 
   <input type="submit"> 
  </form>  
 </body>
</html>

Related Tutorials