# Formulaires
<u>Les formulaires sont un outil clé pour collecter les saisies des utilisateurs et les soumettre à un serveur pour traitement.</u> Ils sont composés de différents éléments de formulaire qui permettent aux utilisateurs de saisir des données. Cependant, dans ce cours, nous n'enverrons aucune donnée à un serveur car cela nécessite des connaissances supplémentaires au-delà de la portée de ce cours.

Tous les exemples dans le code ont l'attribut `onsubmit="return false"`. Cet attribut empêche le formulaire d'envoyer une requête au serveur par défaut.

## Création de formulaires
La balise `<form>` est utilisée pour créer un formulaire interactif sur une page web. Elle contient divers éléments de formulaire pour la saisie de l'utilisateur. <br>**Exemple**:
```html
<form>
  
</form>
```

## Éléments de formulaire
HTML fournit divers types d'entrée pour collecter les saisies de l'utilisateur. Chacun a des attributs et des comportements spécifiques. De plus, nous pouvons spécifier l'étiquette pour chaque entrée. Les étiquettes sont utilisées pour associer du texte aux éléments de saisie du formulaire, offrant une expérience plus accessible et conviviale. *Nous discuterons en détail des étiquettes et des entrées dans les chapitres suivants.*<br>**Exemple**:
```html
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>
```

## Soumission de formulaire
La soumission du formulaire est déclenchée par un bouton de soumission (`<button type="submit">`), qui peut envoyer les données du formulaire au serveur pour traitement.<br>**Exemple**:
```html
<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>
```

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkZvcm1zPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJ1c2VybmFtZSI+VXNlcm5hbWU6PC9sYWJlbD4KICAgICAgPGlucHV0CiAgICAgICAgdHlwZT0idGV4dCIKICAgICAgICBpZD0idXNlcm5hbWUiCiAgICAgICAgbmFtZT0idXNlcm5hbWUiCiAgICAgICAgcGxhY2Vob2xkZXI9IllvdXIgdXNlcm5hbWUiCiAgICAgIC8+CiAgICAgIDxsYWJlbCBmb3I9InBhc3N3b3JkIj5QYXNzd29yZDo8L2xhYmVsPgogICAgICA8aW5wdXQKICAgICAgICB0eXBlPSJwYXNzd29yZCIKICAgICAgICBpZD0icGFzc3dvcmQiCiAgICAgICAgbmFtZT0icGFzc3dvcmQiCiAgICAgICAgcGxhY2Vob2xkZXI9IioqKioqKioqIgogICAgICAvPgogICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCI+U3VibWl0PC9idXR0b24+CiAgICA8L2Zvcm0+CiAgPC9ib2R5Pgo8L2h0bWw+

Quelle balise est utilisée pour créer un formulaire interactif sur une page web ?

Maîtrisez les fondamentaux de HTML. Explorez tout, de la compréhension du web aux sujets avancés de HTML comme les listes, les liens, les images, l'intégration de médias, les tableaux, les formulaires, et le HTML sémantique, et construisez votre premier site web.

Obtenez une introduction au web et à HTML, y compris l'importance des balises, des éléments et des attributs. Apprenez la structure de base d'un document HTML et l'histoire brève du web.

Maîtrisez les éléments essentiels du balisage HTML, en vous concentrant sur le formatage de texte spécial et les listes, en comprenant leur importance dans la structuration du contenu au sein d'un document HTML. Plongez dans les subtilités de la structure des documents HTML tout en affinant les techniques de balisage de texte.

Débloquez la puissance du contenu visuel et auditif dans le développement web en apprenant à intégrer de manière transparente des images, des vidéos et des éléments audio dans les documents HTML. Explorez les nuances de l'incorporation de divers formats de médias.

Naviguez dans les complexités de la présentation des données et de l'interaction utilisateur avec une couverture complète des tableaux et formulaires en HTML, englobant les structures de tableaux, la création de formulaires et les éléments d'entrée. Acquérez de la compétence dans la mise en œuvre des éléments d'entrée de formulaire et l'utilisation des attributs pour une fonctionnalité améliorée.

Élevez vos compétences en HTML au niveau supérieur en explorant les éléments HTML sémantiques, vous permettant de créer un contenu web bien structuré et accessible. Lancez-vous dans la création de votre premier site web, en appliquant vos nouvelles connaissances pour donner vie à vos idées.

Essentiels HTML

Formulaires

Formulaires

Création de formulaires

Éléments de formulaire

Soumission de formulaire

Tutoriel Vidéo