https://codepen.io/reemnovel/pen/pojwEyB

Tell us what’s happening:
I am facing this error: The #email input field should have placeholder text to let the user know what the field is for.

Your code so far

        <form id="form" 
    action="https://www.freecodecamp.com/email-submit">    
      <h1> Sign up here </h1>
    <label> Email Address
    <input id="email"/>
    </label>   
    <div>
    <input type="submit"  placeholder="Starting typing"/>
 </form>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0.

Challenge: Build a Tribute Page

Link to the challenge:

the email input field doesn’t have a placeholder attribute


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.

Please 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.

markdown_Forums

@reemnovel, couple of things;

  • please make an informative title and place the link to your pen in your text. The title it not a clickable link
  • as stated, the field doesn’t have a placeholder attribute
  • the tribute page does not require a form or an email field
1 Like

Hi Roma, this is a landing page

Ok reemnovel, just that your OP challenge says ‘Build a Tribute Page’ and the link also is to the tribute page. Hence my post.

It’s my first time using this platform so please bear with me. here is the pen link https://codepen.io/reemnovel/pen/GRpedNL

No worries, like I said, it’s just that everything pointed to the tribute page which is why I mentioned it.
Speaking of, I looked at your tribute page. There’s a bad habit you should eliminate early. Don’t use <br> to force spacing. Or line breaks. If you want two paragraphs then have two paragraph elements. Spacing and line breaks should be done via CSS.

Back to your email issue. Where would you put the placeholder attribute so its within the label element that holds your email.
What you have is a placeholder attribute on another input field that looks like it’ll be associated with a submit button.
I was going to say it’s the same as what you did for the survey form but it looks as though you skipped that one.

1 Like