Détails

Explication des termes ancêtre, parent et descendant

Le terme descendant fait référence au fait qu'un élément est contenu dans un autre. Le terme opposé est "ancêtre", ce qui signifie qu'un élément est contenu par des ancêtres. Pour le conteneur suivant vers le haut/le bas, les termes plus spécifiques "parent" et "enfant" peuvent être utilisés. Imaginons, par exemple, un document contenant un paragraphe avec un lien. Le parent du lien est un paragraphe, mais le document est également son ancêtre. Inversement, le document peut comporter de nombreux paragraphes enfants, chacun avec des liens. Les liens sont tous des descendants du document grand-père.

Essayez de créer un formulaire dans lequel les utilisateurs peuvent indiquer leur couleur préférée. Les données doivent être envoyées sous forme de requête POST, et l'URL où elles seront traitées doit être /color.

Afficher le formulaire

Vous pouvez utiliser ce formulaire pour résoudre le problème:

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

Supposons que vous souhaitiez exécuter un script à https://web.dev pour traiter les données du formulaire. Comment procéder ? Essayez-les !

Activer/Désactiver la réponse

Vous pouvez sélectionner l'emplacement du script à l'aide de l'attribut action.

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

Utiliser mkcert: aide-mémoire

mkcert en bref

Pour exécuter votre site de développement local avec HTTPS:

  1. Configurez mkcert.

    Si ce n'est pas déjà fait, installez mkcert, par exemple sur macOS:

    brew install mkcert

    Consultez Installer mkcert pour obtenir des instructions pour Windows et Linux.

    Créez ensuite une autorité de certification locale:

    mkcert -install

  2. Créez un certificat approuvé.

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

    Cela crée un certificat valide (qui sera automatiquement signé par mkcert).

  3. Configurez votre serveur de développement pour qu'il utilise HTTPS et le certificat que vous avez créé à l'étape 2.

  4. ✨ Vous avez terminé. Vous pouvez désormais accéder à https://{YOUR HOSTNAME} dans votre navigateur, sans avertissement