Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Amélioration des Formulaires avec des Attributs d'Entrée | Formulaires HTML et Saisie Utilisateur
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Ultime

bookAmélioration des Formulaires avec des Attributs d'Entrée

Les éléments <input> HTML peuvent être personnalisés à l'aide d'attributs qui modifient leur comportement. Voici quelques-uns des attributs les plus couramment utilisés.

value

Définit la valeur initiale d'un champ de saisie.

  • Pour les boutons : définit le texte du bouton ;
  • Pour les champs texte/mot de passe : définit le texte par défaut ;
  • Pour les cases à cocher/boutons radio : définit la valeur envoyée lorsqu'ils sont sélectionnés.
Note
Remarque

value ne peut pas être utilisé avec type="file".

index.html

index.html

copy

autofocus

Met automatiquement le focus sur un champ de saisie lors du chargement de la page.

Note
Remarque

Cela ne fonctionne pas dans l'exemple ci-dessous car, lorsque vous appuyez sur Exécuter le code, la page ne se recharge pas.

index.html

index.html

copy

required

Rend un champ obligatoire. Le formulaire ne peut pas être soumis tant que le champ n'est pas rempli.

index.html

index.html

copy

placeholder

Affiche un texte d’aide à l’intérieur du champ jusqu’à ce que l’utilisateur saisisse une valeur. Utile pour des formats comme les numéros de téléphone ou les informations de carte bancaire.

index.html

index.html

copy
Note
Remarque

Chaque exemple utilise différents attributs type, qui influencent le comportement du champ. Vous étudierez les types de champs dans le prochain chapitre.

1. Quel attribut est utilisé pour définir la valeur par défaut d'un élément input ?

2. Quel attribut est utilisé pour définir un indice ou un exemple de la valeur attendue pour un élément input ?

3. Quel attribut est utilisé pour indiquer qu'un champ de saisie doit être rempli avant la soumission du formulaire ?

question mark

Quel attribut est utilisé pour définir la valeur par défaut d'un élément input ?

Select the correct answer

question mark

Quel attribut est utilisé pour définir un indice ou un exemple de la valeur attendue pour un élément input ?

Select the correct answer

question mark

Quel attribut est utilisé pour indiquer qu'un champ de saisie doit être rempli avant la soumission du formulaire ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 4

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you give examples of how to use these attributes in HTML?

What other input attributes are commonly used?

Can you explain the difference between value and placeholder?

bookAmélioration des Formulaires avec des Attributs d'Entrée

Glissez pour afficher le menu

Les éléments <input> HTML peuvent être personnalisés à l'aide d'attributs qui modifient leur comportement. Voici quelques-uns des attributs les plus couramment utilisés.

value

Définit la valeur initiale d'un champ de saisie.

  • Pour les boutons : définit le texte du bouton ;
  • Pour les champs texte/mot de passe : définit le texte par défaut ;
  • Pour les cases à cocher/boutons radio : définit la valeur envoyée lorsqu'ils sont sélectionnés.
Note
Remarque

value ne peut pas être utilisé avec type="file".

index.html

index.html

copy

autofocus

Met automatiquement le focus sur un champ de saisie lors du chargement de la page.

Note
Remarque

Cela ne fonctionne pas dans l'exemple ci-dessous car, lorsque vous appuyez sur Exécuter le code, la page ne se recharge pas.

index.html

index.html

copy

required

Rend un champ obligatoire. Le formulaire ne peut pas être soumis tant que le champ n'est pas rempli.

index.html

index.html

copy

placeholder

Affiche un texte d’aide à l’intérieur du champ jusqu’à ce que l’utilisateur saisisse une valeur. Utile pour des formats comme les numéros de téléphone ou les informations de carte bancaire.

index.html

index.html

copy
Note
Remarque

Chaque exemple utilise différents attributs type, qui influencent le comportement du champ. Vous étudierez les types de champs dans le prochain chapitre.

1. Quel attribut est utilisé pour définir la valeur par défaut d'un élément input ?

2. Quel attribut est utilisé pour définir un indice ou un exemple de la valeur attendue pour un élément input ?

3. Quel attribut est utilisé pour indiquer qu'un champ de saisie doit être rempli avant la soumission du formulaire ?

question mark

Quel attribut est utilisé pour définir la valeur par défaut d'un élément input ?

Select the correct answer

question mark

Quel attribut est utilisé pour définir un indice ou un exemple de la valeur attendue pour un élément input ?

Select the correct answer

question mark

Quel attribut est utilisé pour indiquer qu'un champ de saisie doit être rempli avant la soumission du formulaire ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 4
some-alt