Survey Form - Build a Survey Form

Tell us what’s happening:

I’ve been working on the survey form certification. I’m trying to run it but it’s not working , although I see no prob with my code . what can I do

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport"content="width=device-width,intial-scale=0.1">
        <link rel="stylesheet"href="styles.css">
        <title>surveyform</title>
    </head>
    <body>
        <form>
            <h1>AL GROUP SURVEY FORM</h1>
            <p>Please fill out this form with the required information</p>
            <fieldset>
                <label for="name-label">Names:<input type="text"id="name-label"placeholder="Enter your full name here"required/></label>
                <label for="email-label">Email:<input type="email"id="email-label"pattern="[a-z0-10]{8,}"placeholder="Enter your email here"required/></label>
                <label for="age-label">Age:<input type="number"id="age-label"min="20"max="35" placeholder="How old are you"></label>
            </fieldset>
            <fieldset>
                <legend> Please choose your Gender</legend>
                <label><input class="inline" type="radio"name="gender">Female</label>
                <label><input class="inline" type="radio"name="gender">Male</label>
                <label><input class="inline" type="radio"name="gender">Prefer not to say</label>
                <label for="drop-down"> what course are you currently enrolled 
                    <select id="drop-down">
                        <option value="">select(one)</option>
                        <option value="1">AI carerr essential</option>
                        <option value="2">AWS cloud computing </option>
                        <option value="3">Front-end development </option>
                        <option value="4">Back-end development </option>
                        <option value="5">Data science</option>
                        <option value="6">Others</option>
                        </select>
                </label>
            </fieldset>
            <fieldset>
                <legend>What is your  affiliation with the AL GROUP?</legend>
                <label ><input class="inline" type="checkbox"name="school"/>African Leadership University(ALU)</label>
                <label ><input class="inline" type="checkbox"name="school"/>African Leadership Exchange(ALX)</label>
                <label ><input class="inline" type="checkbox"name="school"/>African Leadership Academy(ALA)</label>
                <label ><input class="inline" type="checkbox"name="school"/>Anzisha</label>
                <label for="comment">How can we improve our programs:
                    <textarea id="comment" rows="5"cols="30"></textarea>
            </fieldset>
            <input  id="submit "type="submit" value="SUBMIT"></input>
        </form>
    </body>
</html>
/* file: styles.css */
h1,p{
    text-align:center;

}
h1{
    font-size: 15px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
p{
    font-style: italic;
    font-size: 17px;
    font-family: tahoma;
}
label{
    display:block;
    margin:0.5em auto;
    font-size:25px;


}
body{
    width:80%;
    height:100vh;
    background-color:darkseagreen;
    margin:1.1rem auto;
    padding-bottom:40px;
}
fieldset{
    border:none;
    padding:30px;
}
textarea,select,input{
    display:block;
    width: 40%;
    height:25px;
}
.inline{
    display:inline;
    vertical-align: middle;
    width: auto;
}
legend{
    font-size:25px;
}
input,textarea{
    background-color: darkseagreen;
    border:1px solid #2f4f4f;
}
input[type="submit"]{
   width:15%;
   height:20px;
   background-color: darkolivegreen;
   padding:20px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom:30px;
   margin-top: 20px;
  

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

Hi @mimicute
When I open your code, it works fine for me. It passes. You can try a different browser, sometimes that works easily.
Otherwise, FCC provides this info that might be useful in your case:
“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”
Happy coding :slight_smile:

i run the code is vs code, and it works perfectly. but when try to click on "Run the test " from FCC there is no change as if I didn’t click on it. is there any other way to run it

Hi there! Looks like you did it on your own without following the requirements. For example:

  1. You should have a page title in an h1 element with an id of title :x:

Your code:
<h1>AL GROUP SURVEY FORM</h1>

  1. You should have a short explanation in a p element with an id of description :x:

Your code:
<p>Please fill out this form with the required information</p>

And so on. You have to fulfill all the requirements to pass the project