Build a Survey Form test failed

Tell us what’s happening:
i am having error messages like "
do i need a javascript code? i haven’t learnt anything on that yet
Your code so far

<script src=""></script>

  <h1 id="title">Survey Form</h1>
  <div id="outer-form">
    <p id="description">
      Oops! We need to know how to improve freecodecamp
    <form action="" method="post" id="survey-form">
      <div id="name-container">
        <label for="name" id="name" pattern="[A-Za-z]{10}">*   Name:</label>
        <input type="text" name="name" value="" placeholder="please enter your name">
      <div id="email-container">
        <label for="email" id="email-label" pattern="[A-Za-z]{10}">*   Email:</label>
        <input type="email" name="email" value="" placeholder="please enter your email">
       <div id="nmuber-container">
        <label for="number" id="number-label" pattern= "[0-9]">*   Number:</label>
        <input type="number" id="number" name="amount" value="" min="1" max="10" placeholder="enter your phone number" style="width: 150px;">
      <div id="dropdown-container">
        <label for="dropdown" id="label-dropdown"></label>
      <label>Select list     :</label>
             <select id = "dropdown">
               <option value = "1">one</option>
               <option value = "2">two</option>
               <option value = "3">three</option>
               <option value = "4">four</option>
      <div id="radio">
        <input type="radio" name="gender" value="male" checked> Male<br>
        <input type="radio" name="gender" value="female"> Female<br>
        <input type="radio" name="gender" value="other"> Other    
       <div id="checkbox">
                <label class="checkbox-inline">Things that should be improved  :
                  <input type="checkbox" value="">Front end
                <label class="checkbox-inline">
                  <input type="checkbox" value="">Back End
                <label class="checkbox-inline">
                  <input type="checkbox" value="">challenges
                      <input type="checkbox" value="">Open source community
                <label class="checkbox-inline">
                  <input type="checkbox" value="">Video
                <label class="checkbox-inline">
                  <input type="checkbox" value="">Wiki
       <div id="form-textarea">
         <label for="form-textarea">Please leave your comment behind <br>
         <textarea rows="2" cols="30" id="form-textarea"></textarea>
       <input type="submit" value="Submit" class="submit">

css code below**

@import url(',400,600,800,900');
  font-family: 'Work Sans', sans-serif;         
  font-size: 16px; 
  line-height: 1.5; 
  background: #ebebef;
  display: block;
  width: 100%;
  background-color: grey;
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
  background-color: dodgerblue;
  font-weight: bold;
  border-radius: 7px;
  background-color:rgb(250, 250, 250);
  margin: 0 auto;
  width: 75%;
  max-width: 900px;
  padding: 10px;
  padding-top: 20px;
  position: static;
  display: block;
  cursor: default;
  text-align: left;
  padding: 20px;
/*   padding: 10px; */
  margin: 20px;
  left: -48px;
  margin-left: 400px;
  display: block;
/*   padding-bottom: 1px;  */

Your browser information:

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

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a 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.


Do you have a link to your full live project (Codepen, JSFiddle, github), so we can view the site?

What are the exact error messages you are seeing on the tests?