Formulaire HTML

Objectifs de ce chapitre

• ✔️
  Créez un formulaire HTML

  Découvrez comment créer un formulaire en HTML à l'aide de la balise <form>.

Structure d’un formulaire

Pour créer un formulaire en HTML, vous devez utiliser la balise <form>.

La balise <form> est utilisée pour créer un formulaire HTML pour la saisie de l’utilisateur.

Le formulaire peut contenir des éléments de saisie tels que des champs de texte, des cases à cocher, des boutons radio, des boutons de soumission, etc.

Le formulaire pour créer une tâche comportera les champs suivants :

• Titre de la tâche
• Description de la tâche

Note

L’interface Task comprend 2 propriétés supplémentaires : id et createdAt. Leurs valeurs seront générées ultérieurement lors de la soumission du formulaire par l’application et non par l’utilisateur.

Le formulaire comprend également un bouton de soumission pour créer la nouvelle tâche en fonction des valeurs du formulaire.

🎓 Instructions

1. Modifiez le fichier src/app/task-form/task-form.component.html.

   task-form.component.html

   <form>
   
       <label for="title" class="form-label">Titre</label>
       <input type="text" id="title" name="title" class="form-control"/>
   
   
           <label for="description" class="form-label">Description</label>
           <textarea id="description" name="description" class="form-control"></textarea>
   
   
           <button type="submit" class="btn btn-primary">Soumettre</button>
   </form>

✔️ Ce que vous avez appris

Dans ce chapitre, vous avez appris à créer un formulaire de base en HTML. Après cette interlude purement HTML, vous verrez dans les prochaines étapes comment lier ce formulaire dans Angular.