Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail her

<!-- file: index.html -->
<!DOCTYPE html>
<html>
    <head>
        <h1>
            <title id="title">Survey form</title>
        </h1>
        <p id="description">Thank you for taking your time to feel the required details</p>
        <link href="survey.css" rel="surveysheet">
    </head>
    <body>
        <form id="survey-form">
            <label for="name" id="name-label" type="checkbox">Your name:<input type="text" id="name"></label>
            <label for="email" id="email-label" type="checkbox">Your email:<input type="email" id="email" placeholder="text" required></label>
            <label for="number" id="number-label">Your number:<input id="number" type="number" required ></label>
            <select id="dropdown" type="checkbox">
                <option type="radio" name="group">personal email</option>
                <option type="radio" name="group">public email</option>
            </select>

        </form>
    </body>
</html>

/* file: styles.css */
.number{
    max-block-size: 20;;
    min-width: 0;
}
.email{
  display:block;
  color:red;

}
.description{
color
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

  1. Your stylesheet code is not correct.

  2. The head element is for metadata and other “invisible” content. You can not put the HTML elements you want on the page inside the head element. The title element is appropriate inside the head element, the p and h1 elements are not. The id="title" id is for the h1 element.

  3. The option element and an input element of type="radio" are two different elements.

  4. The type="checkbox" attribute is for input elements, not label elements. The type attribute sets what type of input element it should be (e.g. text/checkbox/radio/number etc.)

  5. You are missing a lot of the asked-for element attributes.

I might suggest you redo the registration form challenge again. You may also want to revisit other challenges as well. If nothing else just to check how something was done previously.

Validate your HTML.

https://validator.w3.org/nu/#textarea

3

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