LEARN HTML Form a Story Project

Get Help Codecademy
#1

Trying to determine why my code doesn’t input any of the required Animal, Number, Adjective and Verb Fields.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <title>Form a Story</title>
  </head>
  <body>
    <section id="top">
      <img src="https://content.codecademy.com/courses/learn-html-forms/formAStoryLogo.svg" alt="Form A Story Logo">
    </section>

    <section id="main">
      <h1>Complete the Form -<br> Complete the Story!</h1>
      <hr>
      <!--Add your form below:-->
     <form action="story.html" method="GET">
        
          <label for="animal-1">Animal:
          </label>
            <input id="animal-1" type="text" required>
            </input>
             <br>
        <label for="animal-2">Another Animal:<label>
            <input id="animal-2" type="text" required>
            </input>
            <br>
            <label for="animal-3">One More Animal:<label>
            <input id="animal-3" type="text" required>
            <br>
            <label for="adj-1">Adjective (past tense):<label>
            <input id="adj-1" type="text" required>
            </input>
            <br>
            <label for="verb-1">Verb (ends in -ing):<label>
            <input id="verb-1" type="text" required>
            </input>
            <br>
            <label for="num-1">Number:<label>
            <input id="num-1" type="text" required>
            </input>
            <br>
            <span>Yes or No:<span>
              <input id="yes" type="radio" name="answer" value="yes" required>
              <label for="yes">Yes</label>
              </input>
              <input id="no" type="radio" name="answer" value="no" required>
              <label for="no">No</label>
              </input>
              <br>
              <label for="speed">Relative speed (ends in -er)</label>
              <select id="speed" name="speed" required>
                <option value="faster">Faster</option>
                <option value="slower">Slower</option>
              </select>
              <br>
              <label for="quote">Motivational Quote:</label>
              <input id="quote" name="quote" type="text" required list="quote-choices"></input>
                <datalist id="quote-choices"></datalist>
                <br>
                
        <label for="message">Meaningful Message:</label>
        <textarea id="message" name="message" required rows="8" columns="40"></textarea>
            <input type="submit" value="Form My Story!"></input>
     
        
      </form>
      
    </section>
  </body>
</html>
#2

Hey @fishboi0639164343. Can we have a link to the project?

#3

Form a Story Project

I’m still new to forums. I hope this is what you meant.

#4

It looks like some of those <input> elements don’t have a name attribute.

#5

What should the name attribute be labeled as?

I tried
‘’’
Animal:

      </label>

        <input name="Animal:" id="animal-1" type="text" required>

‘’’
To indicate input for label “Animal:” does this make sense?

#6

I think this project has you use the same thing for the id and name attributes for the input elements of type text or number. (But not the ones of type radio. )
You have
id="animal-1"
for that one,
so you should have
name="animal-1"
too.

#7

This worked! Thank you!