Survey Form - Build a Survey Form

HTML-CSS
1

I am stuck in this descendent issue .Kindly someone help. how should i make certain things descendent to survey-form.

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <body>
    <div>
    <main>
      <h1 id="title">survey-form</h1>
<p id="description"> Dear users! thank you for your participation in this platform.</p>
<section> 
<h2>Kindly fill the required information </h2>
<form id="survey-form">
<input type"text" id="name" value"name" required placeholder="Jack Angel"><label for="name" id="name-label">Name</label>

<input id="email" type="email" placeholder="***@gmail.com" name="email" required><label for="email" id="email-label">Email</label>

<input id="number" min="10" max="30" type="number" placeholder="20" > 
<label for="number" id="number-label">number</label>

</section>

<section>

  <h2 id="heading">We are looking forward to your answers  </h2>
 
  <fieldset>
  <legend>What's the skill that interest you the most? </legend>

  <label for="frontend developer"><input type="radio" id="frontend developer" value="frontend developer" name="interest" type="checkbox" checked>frontend developer </label>

<label for="backend developer"><input type="radio" id="backend developer" value="backend developer" name="interest">backend developer</label>

<label for="fullstack developer"><input type="radio" id="fullstack developer" value="fullstack developer" name="interest">fullstack developer </label>
  </fieldset>
<fieldset>
  <legend>how was the quality of our teaching about coding? </legend>
  <label for="good"><input type="radio" id="good" value="good" name="good-bad-best-worst-normal">good</label>

  <label for="bad"><input type="radio" name="good-bad-best-worst-normal" id="bad" value="bad">bad </label>

  <label for="best"><input type="radio" name="good-bad-best-worst-normal" id="best" value="best" >best </label>

  <label for="worst"><input type="radio" name="good-bad-best-worst-normal" id="worst" value="worst">worst </label>

  <label for="normal"><input type="radio" name="good-bad-best-worst-normal" id="normal" value="normal" type="checbox" checked>normal </label>
  </fieldset>
  <fieldset>
    <legend>What are the following programming languages you're good at? </legend>
    <label for="html-css"><input type="radio" id="html-css" value="html-css" type="checkbox" checked type="survey-form" name="languages">Html-css </label>
     <label for="javascript"><input type="radio" id="javascript" value="javascript" type="survey-form" name="languages">Javascript </label>
      <label for="python"><input type="radio" id="python" value="python" type="survey-form" name="languages">Python </label>
       <label for="other"><input type="radio" id="other" value="other" type="checkbox" checked type="survey-form" name="languages">other</label>
    </fieldset>

  </section>
  <section>
<label>Additional comments </label>
<input type="text" id="Additional comments">
</section>
<section>
<select id="dropdown">
  <option>usefull</option>
  <option>useless</option>
  </section>
<section>
<input id="submit" type="submit">
</section>
<style>
  body{
    background-color:seagreen;
    margin:40px;
  }
  </style>

</form>
      </main>
      </div>
    </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/109.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

3

this is all that there is in your form. If you left click in the editor you can do “format document”, you will see it better. You have your elements annidated in the wrong way

1 Like
4

  1. You have a section element that is closing the form too early. Child elements can not be closed after their parent was closed so the browser closes the form element before the closing of the section element.

  2. The last group of input elements has two elements that have both type=radio and type=checkbox and the radio value is the one being used. So you in effect have no input elements with type=checkbox

  3. You do not have a textarea element in your HTML.

1 Like
5

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