Survey Form - Build a Survey Form ( Solved)

HTML-CSS
1

Tell us what’s happening:
The Run the test button is not working
I tried to run the test at the first place, but after a while, it never worked again. FYR i am using IPad Pro 11inch Gen 3 to do the task. I don’t know whether it would be a part of consideration.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<meta lang="en">
<link rel="stylesheet" href="styles.css">
  <head>
    <meta charset="utf-8" />
    <title>Survey Form</title>
  </head>
  <body>
    <h1 id="title">Form</h1>
    <p id="description">This is a survey form</p>
    <form id="survey-form">
      <fieldset> 
      <label id="name-label" for="name">Enter Your Name<input type="text" id="name" required placeholder="Your name"></input></label>
      <label id="email-label" for="email">Enter your email:<input type="email" id="email" required placeholder="your email"></input></label>
      <label id="number-label">Enter your ID:
<input type='number' id='number' min="0" max="10" placeholder="your ID"></input>
</label>
<select id="dropdown">
  <option>Options</option>
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<br>
<input type="radio" id="radio1" name="radio">radio1 </input>
<input type="radio" id="radio2"
name="radio">radio2 </input>
<br>
<input type="checkbox" value="1">checkbox 1 </input>
<input type="checkbox" value="2"> checkbox 2</input>
<input type="checkbox" value="3">checkbox 3 </input>
<textarea id="comments" rows="4" cols="20" placeholder="Any Comments or Questions?"></textarea>
<input type='submit' id="submit" />
    </form>
  </body>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}
h1,p{
  margin: 1em auto;
  text-align: center;
}

form{
  padding: 0.4em 0.4em;
  margin: 50px auto;
  width: 80vw;
  height: 80vh;
  line-height: 2.5;
}
input{
  display: block;
}

input[type="radio"]{
  display: inline;
}

input[type="checkbox"]{
  display: inline;

}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

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