Survey Form - Build a Survey Form

HTML-CSS
1

Hi everyone!
Could someone please help me with the checkbox value? I have a value in but the test still comes back a fail.
Thanks in advance!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Job Application Form</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styless.css">
  </head>

  <body>
    <h1 id="title">Job Application Form</h1>
    <p id="description">Please fill the form with your personal details and work experience.</p>

    <form id="survey-form" method="submit" action=""https://example.com">

  <fieldset>
   <label id="name-label" for="name">Full name: </label><input id="name" type="text" name="name" required placeholder="John Smith"/>
 </fieldset>
<fieldset>
  <label id="number-label" for="number">Date of birth: </label><input id="number" type="number" name="number" required min="4" max="8" placeholder="10.1.90"/>
  </label>
</fieldset>
<fieldset>
 <label id="email-label" for="email">Your email</label><input id="email" type="email" name="email" required placeholder="example@email.com"/>
</fieldset>

<fieldset>
 <label for="drop-down">How did you hear about us?</label>

<select id="dropdown" name="drop-down" required>
  <option value="" disabled selected>Select one</option>
  <option value="option1">Google</option>
  <option value="option2">LinkedIn</option>
  <option value="option3">FlexJobs</option>
  <option value="option4">Gumtree</option>
  <option value="option5">Other</option>
</select>
</fieldset>

<fieldset>
  <legend>Are you a freelancer or an agency?</legend>
  <label for="freelancer"><input type="radio" id="freelancer" name="choice" value="freelancer"> Freelancer</label>
  <label for="agency"><input type="radio" id="agency" name="choice" value="agency"/> Agency</label>
</fieldset>

<fieldset>
  <legend>Choose the position you're applying for:</legend>

<label for="freelance-translator"><input type="checkbox" value="1" name="Freela" id="freelance-translator" class="inline">Freelance Translator</label>

<label for="data-analyst"><input type="checkbox" value="2" name="Data" id="data-analyst" class="inline">Data Analyst</label>

</fieldset>

<fieldset>
  <legend>Please briefly describe your work experience:</legend>
  <textarea id="work-exp" rows="5" cols="50" placeholder="Describe your work experience"></textarea>
</fieldset>

<fieldset>
   <label for="cv-upload">Please upload your CV: <input type="file"/>
 </label>
</fieldset>

<fieldset>
  <label for="terms-conditions"><input type="checkbox" id="term-conditions" require/> I accept the my data will be stored safely.</label>
</fieldset>

<input type="submit" id="submit" value="submit"/>

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



/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

I think u should use the same value for the name attribute because the value of my value attribute is same as urs but the different is the name attribute I assigned the same value to all the name attribute I used on my checkbox and it marked it.

2 Likes
3

Thanks so much for your reply, @DignityJnr! I tried doing that and still doesn’t work. :frowning:

1 Like
4

All your checkboxes inside #survey-form should have a value attribute and value.
add a value to this one

5

Thanks Zaklina, I already fixed that.

2 Likes
6

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