Tell us what’s happening:
Hello,
I am trying to finish my project. I have no idea . How to enter my name in the code? where ? Could you give me an example please ?
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36.
Challenge: Build a Survey Form
Link to the challenge:
You haven’t shared your project link.
Sorry.
<!DOCTYPE html>
<html>
<head>
<div class="container">
<header class="header">
<h1 id="title" class="text-center">freeCodeCamp Survey Form
<p id="description" class="description text-center"><h3>
To make sure we provide a quality service.
Please take your time to fill out this form
</h3></p>
</header>
<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name</label>
<input
type="text"
name="name"
id="name"
class="form-control"
placeholder="Enter your name"
required />
</div>
<div class="form-group">
<label id=
"email-label" for="email">Email
</label>
<input
type="email"
name="email"
id="email"
class="form-control"
placeholder="Enter your email" required>
</div>
<div>
<p><i>
* It won't be used for marketing purposes
</i></p>
</div>
<div class="form-group">
<p>Is it your first time visit?</p>
<select id="dropdown" name="role" class="form-control" required>
<option disabled selected value>Select </option>
<option value="Yes">Yes</option>
<option value="No">No</option></select>
</div>
<div class="form-group">
<p> How did you hear about us?</p>
<div>
<label type disabled selected value>Select </form>
<label for="Friends" >Frineds</label>
<Input type="radio" ="Friends" id="Friends"value="Friends">
<label for="Email">Email</label>
<input type="radio" ="Email " id="Email"value="Email">
<label for="Google">Google</label>
<input type="radio" ="Google " id="Google"value="Google">
</div>
<div>
<div class="form-group">
<label id="question" for="question">
Your advice or suggestions </label>
<input
type="text and number"
name="Your advice or suggestions "
id="Your advice or suggestions"
class="form-control"
placeholder=" Your advice or suggestions"
required/>
</div>
</div>
</head>
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
I’m not exactly sure what your question is so I’ll start with things I see about the code you’ve supplied thus far.
I’m not sure where you’re doing your code. In codepen or an IDE locally. Either way, you have elements out of order. You can review this for an understanding of the HTML boilerplate tags.
This challenge introduces things that were not covered in the FCC curriculum and requires you to use the Search part of Read, Search, Ask. A good search term to start might be “html form elements”
If I read between the lines of your question, and guess, I think the answer to your question may be for you to review this lesson.
From what I can see in your code though you’ve got that correct.
It’s a good idea to keep the test script when you fork the pen as the test script should be included, with all tests passing, when you submit your projects.
If you’re coding in another environment the markdown with the user stories has the CDN link for you to use.
One last thing.
Make the project from scratch, with your own code, style and content. Don’t take code from the sample project.
Thanks, but in the tutorial- it said insert the name .
I’m sorry, not trying to be rude but I don’t have the entire curriculum memorized. What tutorial says insert the name?
In the objectives for building the survey form there’s a user story that says “Inside the form element, I am required to enter my name in a field with id="name"”. Is that what you mean?
If so, the code that was copied from the sample meets that requirement.
