Heiphaistos TutorialsHeiphaistosTutorials
🪟Windows🖥️CMD / PowerShell💬Discord🍎macOS🔐Sécurité🐧Linux🌐Réseau💻Programmation🤖Android📦Applications🔥Applications Heiphaistos📦Logiciels📦HeiApps

⚒ Heiphaistos Tutorials

Forge ton savoir informatique.
Tutoriels clairs, sans blabla.

Navigation

  • Accueil
  • Tous les tutoriels
  • Windows
  • Discord

Ressources

  • Flux RSS
  • heiphaistos.org

© 2026 Heiphaistos Tutorials — tuto.heiphaistos.org

Mentions légalesConfidentialitéCGU

Forge ton savoir.

Accueil/Programmation/HTML : créer un formulaire (input, label, validation intégrée)
💻ProgrammationVidéo

HTML : créer un formulaire (input, label, validation intégrée)

Construire un formulaire HTML accessible : form, label associé, types d'input (email, number, date), select, textarea, attributs required, minlength, pattern, et bouton d'envoi.

9 octobre 20261 min de lecture
#programmation#accessibilité#html#formulaires
Votre navigateur ne supporte pas la lecture vidéo.
VitesseSous-titres : bouton CC du lecteur

Sommaire

  • Exemple
  • Types utiles
  • Validation intégrée

Exemple

<form action="/contact" method="post">
  <label for="email">E-mail</label>
  <input id="email" name="email" type="email" required autocomplete="email">
  <button type="submit">Envoyer</button>
</form>

Types utiles

email, tel, url, number (min, max, step), date, password, checkbox, radio, file, search.

Validation intégrée

required, minlength/maxlength, pattern="[0-9]{5}" (code postal), :invalid en CSS pour styler. En JavaScript : gérer l'envoi. Le serveur doit toujours revérifier (les règles du navigateur se contournent).

Commentaires

Aucun commentaire pour l'instant. Soyez le premier !

Laisser un commentaire

En envoyant un commentaire, vous acceptez les conditions d'utilisation et la publication de votre pseudo après modération (voir la politique de confidentialité).