Requiring input for name

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

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
   <title> Survery</title>
   <h1 id="title">What is your favourite Cuisine?</h1>
   <!--Title needs to be centered, change font and color-->
   <link rel="stylesheet" href="styles.css">
<h3>If you love food, this is the survey to take.</h3>
<!--Center text-->
<p id ="description" >Please let us know what foods you love! Thank you for your input!</p>
<!--Center Text-->
<form id="survey-form" class="survery-form" >
<label id="name-label" input type="text"> Name:<required ><input id="name"
type="text"  name="name" placeholder="Enter your name here">
<label id="email-label">Email:</label><input id="email" type="email" name="email" placeholder="Enter your email address">
<label id="number-label"> Age:<required></label><input id="number" type="number" name="number" placeholder="10-99" minlength="10" maxlength="200" min="10" max="200">
 <label for="food" > What is your favourite cuisine?</label>
 <select name="food" id="dropdown">
   <option value ="american">American</option>
   <option value="Cajun"> Cajun</option>
   <option value="chinese"> Chinese</option>
   <option value="caribbean"> Caribbean</option>
   <option value="french"> French</option>
   <option value="german"> German</option>
   <option value="greek"> Greek</option>
  <option value="italian"> Italian</option>
  <option value="Indian">Indian</option>
  <option value="japanese"> Japanese</option>
  <option value="korean"> Korean</option>
  <option value="lebanese"> Lebanese</option>
  <option value="mediterranean"> Mediterranean</option>
  <option value="mexican"> Mexican</option>
  <option value="moroccan"> Moroccan</option>
  <option value="soul"> Soul</option>
  <option value="spanish"> Spanish</option>
  <option value="thai"> Thai</option>
  <option value="turkish"> Turkish</option>
  <option value="vietnamese"> Vietnamese</option>

      <p> What location would you prefer to eat your cuisine? </p>
      <input type="checkbox" id="home" name="location" value="home">
      <value for "home"> Home</label>
      <input type="checkbox" id="restaurant" name="location" value="restaurant">
      <value for="restaurant"> Restaurant</label>
      <input type="checkbox" id="food truck" name="loctaion" value="food truck">
      <value for="food truck"> Food Truck</label>
      <input type="checkbox" id="park" name="location" value="park">
      <value for="park"> Park</label>
      <input type="checkbox" id="movies" name="location" value="movies">
      <value for="movies"> Movies</label>
      <input type="checkbox" id="concerts" name="location" value="concerts">
      <value for="concerts"> Concerts</label>
      <p> Would you like to join our mailing list?<p>
      <input type="radio" id="yes" name="yes_no" value="yes">
      <value for="yes"> Yes</label>
      <input type="radio" id="no" name="yes_no" value ="no">
      <value for="no"> No</label>
        <label for="comments"> If you have a questions, please ask in the comment section! Thank you for your feedback.</label>
        <textarea id="comments" name="comments" rows="2" cols="50" placeholder="Please add your comment here..." ></textarea>

        <button type="submit" id="submit"> Submit</button>


/* file: styles.css */

   **Your browser information:**

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

Challenge: Build a Survey Form

Link to the challenge:

Hello, I am wondering what it means when it states “your name should require input.” I have a name attribute inside the input tag. Im not sure what I am doing wrong.

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