Buenas, introuduje una datalist en el formulario anterior para la opcion de paises, donde agregue 3 paises mas. Sin embargo cuando envio ...

Alexis Leonel Altamirano Barrera

Alexis Leonel Altamirano Barrera

Pregunta
studenthace 5 años

Buenas, introuduje una datalist en el formulario anterior para la opcion de paises, donde agregue 3 paises mas. Sin embargo cuando envio la informacion, no aparece el pais seleccionado en la barra de navegacion junto a los otros datos, como nombre, correo etc. ¿Alguien sabe que puedo estar haciendo mal para que esto no ocurra? Adjunto captura del codigo.datalistDUDA.png

4 respuestas
para escribir tu comentario
    Alejandra Hincapie

    Alejandra Hincapie

    studenthace 5 años

    hola alexisleonelaltamiranobarrera... Recuerda también que el id es único. no debes tener dos etiquetas con el mismo id, eso causa confusión al navegador y es por esa razón que no te muestra nada cuando tienes el input arriba. podrías por ejemplo usar en el input el id=país y en el datalist el id=países, así puedes tener las etiquetas en orden y con el resultado que necesitas.

    Massimo Di Berardino

    Massimo Di Berardino

    studenthace 5 años

    Hola Alex, el datalist debe tener un id distinto al name del input

    Alexis Leonel Altamirano Barrera

    Alexis Leonel Altamirano Barrera

    studenthace 5 años

    Hikari612! muchas gracias. Ademas de que me faltaba el ID que referenciara en el input, debi colocar este debajo de la lista. De manera que al seleccionar quedara guardado en el atributo ID. Poniendo imput encima no aparecia la lista!. Adjunto captura por si a alguien le sirve! datalistHTMLcorregido.png

    Alejandra Hincapie

    Alejandra Hincapie

    studenthace 5 años

    hola... Te falto el id en la etiqueta input... recuerda que el valor que toma no es de la etiqueta datalist ni de option, si no precisamente lo que aparece en el input

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.