Part 2- challenge- step 3 need help please and thankyou

I have done step 1 and step 2, but when i write down the step 3 to do with the form element, it doesnt make a form for me.Preformatted text. So when i run the test I still only get 2/3 on codepen.

<h1 id="title">  Tribute </h1>
<p id="description"> Tribute Page</p>
<form  id="name" id="survey-form"> Survey Form </form>  <!--step 3 not working-->

google

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

Challenge: Build a Survey Form

Link to the challenge:

Why do you say it’s not working? You have no elements in the form element.

Side note, this id="name" id="survey-form" is not correct. You can only have one id per element.
And an id must be unique within the document.

In the future, please provide the link to your pen rather than pasting code.

<p id="description"> Tribute Page</p>
<form id="survey-form"> Survey Form </form>

ok I erased the id=“name” It should be correct now for step #3. What do you mean when you say You have no elements in the form element.

I read your post rather quickly and you said “it doesnt make a form for me”. I was responding to that. Didn’t realize until rereading it now that you meant the user story was failing. And that was because of the duplicate id attribute that I told you about and you’ve since corrected.

EDIT: Do a search for something like html form elements. You’ll need to do this when creating the survey form because there’s one user story requiring an element that wasn’t taught in FCC’s curriculum.

nomenclature explained

HTML tags vs elements vs attributes

HTML tags

Tags are used to mark up the start and end of an HTML element. The following are paragraph tags.
<p></p>

HTML elements

An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag. The following is a paragraph element:
<p>This is the content of the paragraph element.</p>

HTML attributes

An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element’s start tag. An element’s start tag may contain any number of space separated attribute/value pairs.
The most popular misuse of the term “tag” is referring to alt attributes as “alt tags”. There is no such thing in HTML. Alt is an attribute, not a tag.
<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">

You need to include radio buttons or tickboxes or fields in order for the form to show up. :slight_smile:

We call all of those things that go into the forms “elements”.

Check out
https://www.w3schools.com/html/html_forms.asp

ok thankyou I think i understand that.

Hi again, I think I have completed steps 1-5 on challenge #2 , however when i hit the test button it doesnt test my story 1-5, nothing happens, I am using google chrome.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<h1 id="title"</h1>
<p id="desctription"></p>
<form id="name">
 <label for="fname">First name:</label>
 <input type="text" id="fname" name="fname" placeholder="put your first name here" required>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email" placeholder="put your email here" required>
</form>

ok thankyou mcfrke311 I thinki have that ow up to story line #5 however the test button is not working.

type or paste code here
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<h1 id="title"</h1>
<p id="desctription"></p>
<form id="name">
 <label for="fname">First name:</label>
 <input type="text" id="fname" name="fname" placeholder="put your first name here" required>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email" placeholder="put your email here" required>
</form>

Just use the CDN link https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js

How did you do it for the tribute page?

Well when I did it for the tribute page everything was the same as now except that was yesterday and the test button worked, today the test button is not working for some reason i dont know.

What does CDN standfor? When I open that link it just looks like a bunch of mumbo jumbo, I dont see anything that allows me to test through this link.

Oh, so the test button is there? What do you mean it’s not working? You need to be descriptive.
I don’t use notepad++.

Curious, is there a reason you don’t use codepen?
Where are you putting your the live version of your code when you submit your project?

Edit: asking about codepen because you can set it up to help you catch errors.
The code you’re showing here has less that what you posted earlier when you had the first three user stories passing. That’s no longer true. Previously you had a title and description (and description was spelled correctly) and you no longer have them.Things have been erased. You used to have the correct id for the form, that’s no longer true. Your code isn’t consistent and I don’t know why.

What did your search return?

Yes I am using codepen Roma for this challenge. The test button in codepen is not working.

Please provide a link to your pen

CDN - content delivery network

Continuing the discussion from Part 2- challenge- step 3 need help please and thankyou:

Please provide the link to your pen

Here is my link to challenge #2 forms - Part 2- challenge- step 3 need help please and thankyou

That link is a link to this topic. I’m asking for a link to your pen. You said it’s in codepen.

Here is the link to my Codepen - https://codepen.io/freeCodeCamp/pen/MJjpwO . I apologize,