Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

hi guys :slight_smile: someone just tell me why is not running this cod? I think and hope to do everything exactly I suppose… anybody with a answer pls
Your code so far

/* file: index.html */
<!doctype html>
<html>
  <head>
    <h1 id="title">Job application form</h1>
    <link rel="stylesheet" href="styles.css"/>
    </head>
    <body>
      <p id="description"><b>Welcome to our website!</b>
      <form id="survey-form"> <label for="name" id="name-label" ><b>Name</b> </label>
      <input id="name" type="text" name="name" placeholder="First Last" required></input> 
      <label for="email" id="email-label"> <b>Email</b> </label>
     <input id="email-label" type="email" name="email" placeholder="myemail@gmail.com" required> </input>
     <label for="number" id="number-label"><b>Age</b> </label>
     <input id="number-label" type="number" name="number" placeholder="0" min="0" max="100" required></input>
     <label for="dropdown" id="positions"><b>Job Titles</b>
     </label>
     <select id="dropdown">
       <option value="Engineer">Engineer</option>
       <option value="Mechanic">Mechanic</option>
       <option value="Shop_assistant">Shop Assistant</option>
       <option value="Costumer_Adviser">Costumer Adviser</option>
       </select>
       
       <label for="Europeancitizen" id="Europeancitizen">Are you a<b> EU citizen:</b></label>
       <input id="Europeancitizen" type="radio" id="yes" name="option" value="yes">
       <label for="Europeancitizen"> Yes</label>
       <input id="Europeancitizen" type="radio" id="yes" name="option" value="no">
       <label for="Europeancitizen"> No</label>
       <input id="Europeancitizen" type="radio" id="Another_Countrey" name="option" value="Another_Countrey">
       <label for="Europeancitizen"> Another Countrey</label>
       <label for="skills"><b>Profesional Skills</b>
       </label>
       <p2 id="description2">Please check the following.</p2>
       <input id="checkbox" type="checkbox" name="skills" value="responsible">
       <label for="checkbox">Responsible</label>
       <input id="checkbox" type="checkbox" name="Flexible" value="Flexible">
       <label for="checkbox">Flexibile</label>
       <input id="checkbox" type="checkbox" name="Temawork" value="Teamwork">
       <label for="checkbox">Teamwork</label>
       <label id="textarea"> How Would You Describe Yourself?</label>
       <textarea id="textarea" name="instruction" rows="7" cols="40"></textarea>
       <input id="submit" type="submit" value="continue application">
       </form>
       </body>
       </html>



/* file: styles.css */
h1{
 color: #84983b;
 width: 330px;
 border: solid;
 margin: 8px;
 border-color: black;
 background-color:black;
}
p{
 margin: 1em;
 font-family:  cursive;
 font-size: 1.125rem;
 width: 300px;
 margin-bottom: 10px;
}
body{
 background-color: lightgray; 
 text-align: center;
 width: 100px; 
}
form{
 text-align: left;
 margin-left: 15px;
 width: 140px;

}
text{
 text-align: center;
}
number{
 margin-left: 15px;
 width: 135px;
}
title{
 margin: 0px;
}
description{
 margin: 0px;
}
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

h1 element should be in body not in the head

in head element should be title element

The p element is not closed
There is no p2 element

input elements are self closing no need closing tag

CSS:
dot ’ . ’ for class
hashtag ’ # ’ for id

Advice:
Try to fulfill user stories one by one
So it is easier to detect which part the problem is

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.