Survey Form - Build a Survey Form

Tell us what’s happening:
hi guys .hope you well.
computer engineers student help your girl out
need my first certificate
help me with code.

Your code so far

<!-- file: index.html -->
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="styles.css" /> 
    <title>Link CSS to HTML</title>
</head>
<h1 id="title">How can Modern Contemporay Minimalist fashion improve your value of styling? </h1>
<p id="description">Thank you for taking your time to help us upgrade </p>
  
 <form id="form">
   <div class="input-element">
     <label id="name-label" >
     Name
     <input placeholder="name" id="name"type="text" required/>
   </label>
   </div>
   <div class="input-element">
     <label id="email-label" >
     Email
     <input placeholder="email" id="email"type="email" required/>
   </label > 
   </div>
  
     <div class="input-element">
       <label id="number">
        Number
        <input placeholder="number"
     </div>
     <div class="input-element"></div>
     <label id="select-label" >
    Age
     <input placeholder="age" id="age"
     min="13" max="100"type="number" required/>
   </label>
   <div class="input-element">
     <label id="select-label" >
     what's your favorite clothing item?
     <select id="dropdown">
       <option></option>
       <option>sleeveless crop top</option>
       <option> shortsleeve croptop</option>
       <option>long sleeve croptop</option>
     </select>
     </div>
      <div>
        <label>Have you styled clothing using minimalist styling?</label>
        <div>
<label><input type="radio" name="style"/>yes</label>
</div>
<div>
<label><input type="radio" name="style"/>No</label>
</div>

<div></div>
      </div>
      <div>
        <label>What suggestions are good ideas for our online store to implement? </label>

        
        <div>
<label><input type="checkbox" name="ideas" value="packaging"/>Gift packaging</label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="discount"/>Student discount</label>
</div>
</div>
<div>
<label><input type="checkbox" name="ideas" value="sale"/>Seasonal sale</label>
</div>
<div></div>
<div>
<label><input type="checkbox" name="ideas" value="deals"/> Outfit combos deals</label>
</div>
 </div>
<div class"input-element">
  <label>Additional comments
</label>
  <div></div>
  <textarea type="text"></textarea>
</div>
<button type="submit" id="submit">
  Submit
  </button>     
   <div></div>
   

 </form>

   
   
/* file: styles.css */
body{
background-color: lightpink;
text-align: center;
}
form{
  max-width: 500px;
  text-align: left;
  padding: 20px;
  border: 2px solid white;
  border-radius: 10px;
}
.input-element{
  margin: 10px;
}
h1{
  
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

my code does not tick all the requirements . kinda stuck buddy

Its is a secret what requirements you are not passing for your code?

Can you tell us what you have tried to get those requirements passing?

  • You should have an h1 element with an id of title.

  • Passed:Your #title should not be empty.

  • Passed:You should have a p element with an id of description.

  • Passed:Your #description should not be empty.

  • Failed:You should have a form element with an id of survey-form.

  • Passed:You should have an input element with an id of name.

  • Passed:Your #name should have a type of text.

  • Passed:Your #name should require input.

  • Failed:Your #name should be a descendant of #survey-form.

  • Passed:You should have an input element with an id of email.

  • Passed:Your #email should have a type of email.

  • Passed:Your #email should require input.

  • Failed:Your #email should be a descendant of #survey-form.

  • Failed:You should have an input element with an id of number.

  • Failed:Your #number should be a descendant of #survey-form.

  • Failed:Your #number should have a type of number.

  • Failed:Your #number should have a min attribute with a numeric value.

  • Failed:Your #number should have a max attribute with a numeric value.

  • Passed:You should have a label element with an id of name-label.

  • Passed:You should have a label element with an id of email-label.

  • Failed:You should have a label element with an id of number-label.

  • Passed:Your #name-label should contain text that describes the input.

  • Passed:Your #email-label should contain text that describes the input.

  • Failed:Your #number-label should contain text that describes the input.

  • Failed:Your #name-label should be a descendant of #survey-form.

  • Failed:Your #email-label should be a descendant of #survey-form.

  • Failed:Your #number-label should be a descendant of #survey-form.

  • Passed:Your #name should have a placeholder attribute and value.

  • Passed:Your #email should have a placeholder attribute and value.

  • Failed:Your #number should have a placeholder attribute and value.

  • Passed:You should have a select field with an id of dropdown.

  • Passed:Your #dropdown should have at least two selectable (not disabled) option elements.

  • Failed:Your #dropdown should be a descendant of #survey-form.

  • Passed:You should have at least two input elements with a type of radio (radio buttons).

  • Failed:You should have at least two radio buttons that are descendants of #survey-form.

  • Failed:All your radio buttons should have a value attribute and value.

  • Passed:All your radio buttons should have a name attribute and value.

  • Passed:Every radio button group should have at least 2 radio buttons.

  • Failed:You should have at least two input elements with a type of checkbox (checkboxes) that are descendants of #survey-form.

  • Failed:All your checkboxes inside #survey-form should have a value attribute and value.

  • Failed:You should have at least one textarea element that is a descendant of #survey-form.

  • Passed:You should have an input or button element with an id of submit.

  • Passed:Your #submit should have a type of submit.

  • Failed:Your #submit should be a descendant of #survey-form.

?

1 Like

the code i entered may you read to correct my errors

thank you ,you are so kind :smiling_face_with_three_hearts:

I’m trying to get you to actually talk about your code. We aren’t a magic answer dispenser. I’m not going to ‘just fix it’.

2 Likes

ok.i understand.thanks

1 Like

You should not look at other people’s solution code prior to completing the project!

1 Like

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