Desarrollo Web Lección 8 - Formularios

En esta actividad aprenderá una forma de enviar datos entre páginas.

• Cree dos archivos en Visual Studio Code y asígneles el nombre 'form.php' y 'process_form.php'.
• Agregue el código básico en cada uno para incluir nuestros archivos de encabezado, menú y pie de página.

• Abra 'forms.php' y agregue <main> etiquetas.
• Agrega un párrafo dentro de la <main> etiqueta que diga “Elige a tu héroe”.
• Agregue una lista debajo del párrafo. Tú eliges si quieres una lista ordenada o desordenada.
• Cree dos elementos de lista, cada uno con un enlace.
• El texto del enlace será 'Loki' y 'Hulk' respectivamente.
• El primer enlace href será 'process_form.php?name=Loki'.
• El segundo enlace será el mismo pero con Hulk en lugar de Loki.
• Tu código final debería verse así.

    <main>
        <p>Elige a tu héroe.</p>
        <ol>
            <li><a href="process_form.php?name=Loki">Loki</a></li>
            <li><a href="process_form.php?name=Hulk">Hulk</a></li>
        </ol>
    </main>

• En ambos casos, el enlace llevará al usuario a nuestra otra página 'process_form.php' que usaremos para procesar los datos.
• Cada enlace incluye a ? continuación el nombre del archivo, luego el nombre del héroe elegido.
• Intencionalmente, solo usamos nombres de héroes que tienen solo una palabra porque los espacios son un poco más complejos.
• Guarde y cargue el código, luego abra la página y haga clic en uno de los héroes.
• Deberías ver los datos correspondientes al héroe que elegiste.
• Ahora ha pasado datos de una página a otra utilizando un parámetro de URL . Esto también se conoce como enviar datos a través de GET.

• En PHP, podemos obtener estos datos 'obteniéndolos' de la URL .
• Todos los datos en la URL se almacenan automáticamente en una matriz llamada '$_GET'.
• Abra 'process_form.php'.
• Agregue el siguiente código dentro de su <main>etiqueta.

        <p>Has elegido <?php echo $_GET['name']; ?></p>

• Esto muestra texto e incluye el nombre que eligió en 'form.php'.
• Guarde y cargue el código, luego abra 'form.php' y haga clic en un héroe.
• Compruebe que su elección se refleja en el texto de la nueva página.

• form.php
• process_form.php
• resultado

Siguiente: Entradas