Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I am giving my first test of frontend course, I don’t know wether to create my own project or replicate the given example project. And the test and instructions give on left side, I am needed to follow them? Cause they ask to me give specific id names to my element, so I should name as given? Or can I name them whatever I want?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hobbies and Interest Survey</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">Hobbies & Interest Survey</h1>
    <p id="description">This is a survey form to know your hobbies and interests!</p>
    <form action="" method="POST" id="survey-form">
      <fieldset>
        <legend>Personal Info</legend>
        <label for="firstName">Enter your first name:<input type="text" id="firstName"  name="firstName"></label>
        <label for="lastName">Enter your last name:<input type="text" id="lastName" name="lastName"></label>
        <label>Enter your email:<input type="email"></label>
        <label>Enter your password:<input type="password" minlength="8" id="password"></label>
        <label><input></label>
        <label><input></label>
      </fieldset>
      <fieldset>
        <legend>Hobbies</legend>
      </fieldset>
      <fieldset>
        <legend>Interests</legend>
      </fieldset>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

/* 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/131.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

1 Like
2

create your own project, as it says, " Do not copy this demo project ."

Yes. As it says "Fulfill the user stories and pass all the tests below to complete this project. "

2 Likes
3

Thank you for responding quickly!

1 Like