Aprende HTML construyendo una aplicación de fotos de gatos - Step 43

1

Gente estoy atascado en esto, si me pueden dar una ayuda se los agradeceria bastante, me pide lo siguiente:
Agregue el atributo de type con el valor enviar al button para dejar claro que se trata de un botón de envío.

Ahora cuando realizo lo que me pide, me dice esto: Su elemento button no tiene un atributo type. Verifique que haya un espacio después del nombre de la etiqueta de apertura.
Que hago???

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button>Submit</button>
          <input type="button" value>
        </form>
      </section>
    </main>
  </body>
</html>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Desafío: Aprende HTML construyendo una aplicación de fotos de gatos - Step 43

Enlaza al desafío:

2

Creo que hay un error de traducción ahí, porque el atributo que le tienes que dar es “submit”. Es decir, tiene que ir escrito así:

<input type="submit" value="Submit">

En “value” va el texto que aparece en el botón que se genera automáticamente. Lo puedes cambiar a “Enviar” para que sea más acorde a nuestro idioma.

3

Sabes que intente realizar lo mismo que me pasaste pero no me deja y me vuelve a decir esto : Su elemento de button no tiene un atributo de type. Verifique que haya un espacio después del nombre de la etiqueta de apertura.

4

Creo que ya vi lo que pasó.
Es que vi el elemento “input”, pero en realidad no debería estar ahí, al menos por ahora.

Lo que tienes que escribir es “submit” como el type del botón. Esta fue mi solución:

<button type="submit">Submit</button>
5

Muchas gracias por la ayuda hermano, pero una vez mas te digo que no me deja, tambien intente hacerlo de la manera que me dijiste pero nada aun, algun consejo mas o ayuda?

6

¿Qué te dice que pongas en el atributo “type”?

Yo le puse “submit” porque era la indicación que me ponía en el currículum en inglés. Puede que tengas que poner el que te viene en español.

7

Mira esto es lo que me pide en si:
Agregue el atributo de type con el valor submit al button para dejar claro que se trata de un botón de envío.

  <section>
    <h2>Cat Form</h2>
    <form action="https://freecatphotoapp.com/submit-cat-photo">
      <input type="text" name="catphotourl" placeholder="cat photo URL" required>
      <button>Submit</button>

Hasta ahi llega el codigo, pero cuando intento ingresar algunos de los cuales se me ocurrieron o que me aconsejaron me dice lo esto:
Su elemento de button no tiene un atributo de type. Verifique que haya un espacio después del nombre de la etiqueta de apertura.

8

¿Podrías poner una captura de lo que escribiste y que está marcando error?

9

Bien mira te paso los codigos:

Cat Form

Submit hasta aqui llego, desde aqui tengo que plantear lo que me pide, pero al intentarlo de todas las maneras me lo rechaza, entonces me cuesta resolverlo.
10

Ya lo pudiste resolver?

Te recomendaría resetear el código, ya que, es posible que hayas modificado otros valores

Y sí, el código que compartieron es correcto y pasa las pruebas

<button type="submit">Submit</button>
2 Likes
11

Listo querido muchas gracias, ya lo pude resolver. Saludos.

12

gracias bro !!!1