Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:

  1. Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.

Your code so far


<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Form Example</title>
</head>
<body>

  <form action="https://example.com/submit">
    <!-- Radio button input ABOVE text input -->
    <input type="radio"> Indoor<br>
    <input type="text" name="example">
    <button type="submit">Submit</button>
  </form>

</body>
</html>








<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 46

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

you changed this for some reason

you also changed this

and here you have added an extra element

please reset the step and try again

4

Tell us what’s happening:

  1. You should create an input element for your radio button. Check the syntax.
  2. Your input element should have an opening tag, but not a closing tag.
  3. Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.

Your code so far


<!-- User Editable Region -->

<!DOCTYPE html>
<html>
<head>
  <title>Radio Button Above Text Input</title>
</head>
<body>

  <input type="radio" name="petType" value="indoor"> Indoor
  <br>
  <input type="text">

</body>
</html>








<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 46

5

Hi @astewaymelese46

Where is the rest of your code?

Please reset the step to restore the seed code and try again.
The radio input needs to go above the text input.

Happy coding