Dettagli

Spiegazione di ancestor, ancestor e ancestor

Il termine discendente fa riferimento al fatto che un elemento si trova all'interno di un altro. Il termine opposto è predecessore, ovvero un elemento è contenuto dai predecessori. Per il contenitore successivo in alto o in basso, potrebbero essere utilizzati i termini più specifici principale/secondario. Ad esempio, immagina un documento con un paragrafo contenente un link. L'elemento principale del link è un paragrafo, ma ha anche il documento come predecessore. Al contrario, il documento potrebbe contenere molti paragrafi secondari, ciascuno con link. I link sono tutti discendenti del documento originale.

Prova a creare un modulo in cui gli utenti possano inviare il loro colore preferito. I dati dovrebbero essere inviati come richiesta POST e l'URL in cui verranno elaborati i dati dovrebbe 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 uno script in esecuzione su https://web.dev per elaborare i dati del modulo, come lo 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: scheda di riferimento

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 install mkcert per le istruzioni per Windows e Linux.

    Quindi, crea un'autorità di certificazione locale:

    mkcert -install

  2. Crea un certificato attendibile.

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

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

  3. Configura il tuo server di sviluppo per l'utilizzo di HTTPS e del certificato creato nel passaggio 2.

  4. ✨ Hai finito! Ora puoi accedere a https://{YOUR HOSTNAME} nel tuo browser, senza avvisi