Survey Form - 34-35 not checking off

HTML-CSS
1

Tell us what’s happening:

Im struggling to check off 34-36. No matter where I type radio elements at it never seems to work properly. Any pointers?

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
<html lang="en">
<head>
  <meta charset=UTF_8>
  <title>tech use form</title>
  <link rel="stylesheet" href="stlyes.css"/>
  <h1 id="title"> Technology survey </h1>
</head>
<body>
  <header>
<h2 id="technology"> Whats your favorite technology </h1> 
<p id="description">What technology do you use?</p>
  </header>
<form id="survey-form">
  <fieldset>
  <label for="name" id="name-label">Enter your name<input id="name" type="text" placeholder="name" required type="radio"></input>
  <label for="email" id="email-label">Enter your email<input id="email" type="email" placeholder="email" required type="radio"></input>
  <label for="number" id="number-label">Enter your Age <input id="number" type="number" placeholder="number" min="6" max="99"></input>
  </fieldset>
  <fieldset>
    <legend>Which tech do you prefer?</legend>
  <select id="dropdown" name="dropdown">
    <option value="1"> Tech 1</option>
    <option value="2"> Tech 2</option>
    <option value="3"> Tech 3</option>
    <option value="4"> Tech 4</option>
    </select>
  </fieldset>
  <fieldset>
    <legend> How long do you use your tech for?</legend>
    <label><input id="1" type="checkbox" name="1"  value="1"> 1</label>
    <label><input id="2" type="checkbox" name="2"  value="2"> 2</label>
    <label><input id="3" type="radio" value="3" 
  </fieldset>
  <label>
    <legend>Tell us about your recent piece of equipment</legend>
       <textarea id="bio" name="bio" rows="5" cols="30" placeholder="This is where I like to spend time at"></textarea>
  </label>
  <input id="button" type="submit" value="submit" />
  
</body> 

/* file: styles.css */
body{ 
  width: auto;
  body: auto;
  margin: 0;
  background-color: orange
  font-family: aerial;
  font-color:
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

Hello there!

You have two type attributes in your input tag, you need to only have the radio one, after that, give your radio inputs a value attribute.

Also, note that when writing input tags, a closing tag should not be included. Your CSS is a mess, kindly correct it.

1 Like
3

New here, so let’s try. I can’t sse the closing tag for your form in your code.
Besides, I see a “greater than” sign missing in the following line:
<input id=“3” type=“radio” value=“3”

2 Likes
4

Thank you! I’m going to check out my code again and redo it.

5

Could you describe what is exactly a mess about my css? I didn’t properly write anything on it just yet.

6

This is not a valid property

You have a syntax error in this line

You also need to assign this property a value or remove it if it’s not useful.

1 Like