Build a Survey Form ....please help

HTML-CSS
1

Hey guys i really need help i am currently working on the survey form project i need help with writing some code that will give a validation error when the user enters a number that is below the min or higher than the max

this is what i have so far…

<doctype! html>
<html>
<style>
    #title{
        text-align: center;
        font-style: sans-serif;
    }    
    body{
        background: #1e90ff;
    }
    #description{
        text-align: center;
    }
    div{
        background:#fff;
        margin-left: 40px;
        margin-right: 40px;    
    }
    #survey-form{
        text-align: center;
        padding-bottom: 20px;
    }
    #name{
        margin-left: 20px;
        margin-bottom: 20px;
    }
    #email{
    margin-left: 20px;
    margin-bottom: 20px;    
    }
    #number{
        margin-left: 20px;
        margin-right: 20px;
        
    }
</style>
    <body>
    <h1 id="title">Survey Form</h1>
    <div> 
    <p id="description">Let us know how we can improve freeCodeCamp</p>  
 <form id="survey-form">
    <label>
     *Name: <input type="text" name="Name" placeholder="Enter your Name" id="name" required>
    </label> <br>    
    
     <label>
     *Email: <input type="text" name="email" placeholder="Enter your Email" id="email" required>
    </label><br> 
     
    <label>
     *Age: <input type="number" name="age" placeholder="Age" id="number" required min="1" max="125">
        
    </label>
    

     <label>
     Which option best describes your current role? 
     </label>
     
     
    </form> 
    </div>   
    </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

Link to the challenge:

2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

3

Hey your input type will be validated, at the moment it is set to text so any text is acceptable.

4

check what you can do with the type attribute

https://www.w3schools.com/tags/att_input_type.asp

5

There is maxlength attribute which regulates how many characters/numbers you can enter in said field.
If it’s input of number, it also have attributes min and max which evaluates if entered value is high or low enough.