Champs de texte
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 36 sur 60.
En HTML, les champs de saisie de texte sont utilisés pour créer des champs de formulaire où les utilisateurs peuvent saisir du texte. Il existe différents types de champs de saisie de texte, chacun conçu pour différents types de données textuelles. Le type le plus courant est le champ de saisie de texte sur une seule ligne, créé à l'aide de la balise <input> avec l'attribut type défini sur "text".
Voici la syntaxe de base pour créer un champ de saisie de texte en HTML :
<input type="text" name="fieldname"><input>: La balise qui définit le champ de saisie.type="text": Un attribut qui spécifie le type de saisie comme étant du texte.name: Un attribut qui donne un nom au champ de saisie, lequel est utilisé pour identifier les données lors de la soumission du formulaire.
Note :
inputest une balise spéciale, elle ne nécessite pas de balise de fermeture !
Défi
FacileCréez un document HTML qui inclut un formulaire avec les champs de saisie de texte suivants :
- Un champ de saisie de texte avec le nom “firstname”.
- Un champ de saisie de texte avec le nom “lastname”.
Aide-mémoire
Les entrées de texte sont créées à l'aide de la balise <input> avec type="text" :
<input type="text" name="fieldname">type="text": Spécifie le type d'entrée comme étant du textename: Identifie les données lors de la soumission du formulaire
Remarque : <input> est une balise auto-fermante et ne nécessite pas de balise de fermeture.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez votre code ici -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page