HTML : Les Formulaires

Les formulaires sont essentiels en HTML, car ils permettent aux utilisateurs d'envoyer des informations à un serveur.

Avant de plonger dedans, un petit conseil : ne consommez pas ces notions comme une série Netflix ! 

Prenez le temps d'expérimenter et de jouer avec chaque élément avant de passer à la suite.

Les bébés carnivores, comme les lions ou les chats, jouent à chasser leurs parents avant de s'attaquer à de vraies proies.

Faisons pareil : manipulons les notions de base avant d'attaquer de vrais projets !

Types d'inputs courants

Il existe plusieurs types d'inputs en HTML :

<input type="text" placeholder="Texte" required /><br />
<input type="number" placeholder="Nombre" /><br />
<input type="email" placeholder="Email" /><br />
<input type="password" placeholder="Mot de passe" /><br />
<input type="date" /><br />
<input type="range" /><br />
<input type="color" /><br />
<textarea cols="30" rows="10"></textarea><br />
<input type="file" /><br />
<input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><br />
<input type="radio" name="choix" /><input type="radio" name="choix" /><br />

<select>
  <option value="value1">Valeur 1</option>
  <option value="value2">Valeur 2</option>
  <option value="value3">Valeur 3</option>
</select><br />

<button type="submit">Valider</button>

Remarques importantes

1. Adaptation du clavier mobile : certains types (ex : email, tel) modifient le clavier sur mobile pour une saisie plus intuitive.

2. Validation côté client : un champ email vérifie déjà si une adresse contient @ avant l'envoi.

3. Les IDs sont uniques : si on a deux champs à comparer (ex : confirmation de mot de passe), ils auront des id différents.

Apprendre à chercher les informations

Un développeur ne connaît pas tout par cœur. Il sait chercher et trouver les bonnes ressources.

Une référence incontournable pour HTML et CSS est MDN Web Docs :

🔎 Google → "MDN formulaires"

Ajoutez-le à vos favoris !