Detalles

Explicación de antepasado, elemento superior y descendiente

El término descendiente hace referencia al hecho de que un elemento se encuentra contenido en otro. El término opuesto es ancestro, es decir, un elemento está contenido por ancestros. Para el siguiente contenedor hacia arriba o hacia abajo, es posible que se usen los términos más específicos superior o secundario. Por ejemplo, imagina un documento con un párrafo que tiene un vínculo dentro. El elemento superior del vínculo es un párrafo, pero también tiene el documento como elemento principal. Por el contrario, el documento puede tener muchos párrafos secundarios, cada uno con vínculos. Todos los vínculos son descendientes del documento superior.

Intenta crear un formulario en el que los usuarios puedan enviar su color favorito. Los datos se deben enviar como una solicitud POST, y la URL en la que se procesarán los datos debe ser /color.

Mostrar formulario

Una solución posible es usar este formulario:

<form method="post" action="/color">
    <label for="color">What is your favorite color?</label>
    <input type="text" name="color" id="color">
    <button>Save</button>
</form>

Supongamos que quieres que una secuencia de comandos se ejecute en https://web.dev para procesar los datos del formulario. ¿Cómo lo harías? Pruébala.

Activar o desactivar la respuesta

Puedes seleccionar la ubicación de la secuencia de comandos con el atributo action.

<form action="https://example.com/animals">
...
</form>

Usa mkcert: hoja de referencia

mkcert en resumen

Para ejecutar tu sitio de desarrollo local con HTTPS, haz lo siguiente:

  1. Configura mkcert.

    Si aún no lo hiciste, instala mkcert, por ejemplo, en macOS:

    brew install mkcert

    Consulta install mkcert para obtener instrucciones sobre Windows y Linux.

    Luego, crea una autoridad certificadora local:

    mkcert -install

  2. Crea un certificado de confianza.

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    Esto crea un certificado válido (que mkcert firmará automáticamente).

  3. Configura tu servidor de desarrollo para que use HTTPS y el certificado que creaste en el paso 2.

  4. ✨ ¡Listo! Ahora puedes acceder a https://{YOUR HOSTNAME} en tu navegador sin advertencias.