Le terme "descendant" fait référence au fait qu'un élément est contenu quelque part à l'intérieur d'un autre. Le terme opposé est "ancêtre", qui signifie qu'un élément est contenu par des ancêtres. Pour le prochain conteneur (vers le haut/vers le bas), ils peuvent utiliser les termes plus spécifiques parent/enfant. Par exemple, imaginez un document comportant un paragraphe contenant un lien. Le parent du lien est un paragraphe, mais il a également le document en tant qu'ancêtre. À l'inverse, le document peut avoir plusieurs enfants de paragraphe, chacun contenant des liens. Les liens sont tous des descendants du document grand-parent.
Essayez de créer un formulaire dans lequel les utilisateurs peuvent soumettre leur couleur préférée.
Les données doivent être envoyées en tant que requête POST
, et l'URL de traitement des données doit être /color
.
Une solution possible consiste à utiliser ce formulaire:
<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 qu'un script exécuté à l'adresse https://web.dev
traite les données de formulaire. Comment procéder ?
Essayer
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
Pour exécuter votre site de développement local en HTTPS:
-
Configurer mkcert.
Si vous ne l'avez pas encore fait, installez mkcert, par exemple sur macOS:
brew install mkcert
Consultez les instructions install mkcert pour Windows et Linux.
Créez ensuite une autorité de certification locale:
mkcert -install
-
Créez un certificat de confiance.
mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}
Cela crée un certificat valide (qui sera automatiquement signé par
mkcert
). -
Configurez votre serveur de développement pour qu'il utilise HTTPS et le certificat que vous avez créé à l'étape 2.
-
✨ Vous avez terminé ! Vous pouvez désormais accéder à
https://{YOUR HOSTNAME}
depuis votre navigateur, sans avertissement