Dettagli

Spiegazione di antenato, genitore e discendente

Il termine discendente si riferisce al fatto che un elemento è contenuto all'interno di un altro. Il termine opposto è antenato, ovvero un elemento è contenuto dagli antenati. Per il contenitore successivo verso l'alto/il basso, potrebbero essere utilizzati i termini più specifici principale/secondario. Ad esempio, immagina un documento con un paragrafo contenente un link. Il link è un paragrafo, ma ha anche il documento come elemento precedente. Al contrario, il documento può avere molti paragrafi secondari, ciascuno con link. I link sono tutti discendenti del documento bisnonno.

Cerca di creare un modulo in cui gli utenti possano inviare il loro colore preferito. I dati devono essere inviati come richiesta POST e l'URL in cui verranno elaborati deve essere /color.

Mostra modulo

Una possibile soluzione è utilizzare questo modulo:

<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>

Supponiamo che tu voglia che uno script venga eseguito alle ore https://web.dev per elaborare i dati del modulo. Come faresti? Prova.

Attiva/disattiva risposta

Puoi selezionare la posizione dello script utilizzando l'attributo action.

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

Utilizzo di mkcert: cheatsheet

mkcert in breve

Per eseguire il tuo sito di sviluppo locale con HTTPS:

  1. Configura mkcert.

    Se non l'hai ancora fatto, installa mkcert, ad esempio su macOS:

    brew install mkcert

    Consulta Installare mkcert per le istruzioni su Windows e Linux.

    Poi, crea un'autorità di certificazione locale:

    mkcert -install
  2. Crea un certificato attendibile.

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

    Viene creato un certificato valido (che verrà firmato automaticamente da mkcert).

  3. Configura il server di sviluppo in modo che utilizzi HTTPS e il certificato che hai creato nel passaggio 2.

  4. ✨ È tutto. Ora puoi accedere a https://{YOUR HOSTNAME} nel browser senza avvisi