Dernière mise à jour le
25 avr. 2024
Dans le cadre d’une amélioration continue de la prise en charge de HTML5 sous Dreamweaver, de nouveaux attributs ont été introduits pour quelques éléments de formulaire. En outre, quatre nouveaux éléments de formulaire HTML5 ont été introduits.
Vous trouverez les éléments de formulaire dans le panneau Insertion. Choisissez Fenêtre > Insertion. Dans le menu Insertion du panneau, sélectionnez Formulaires.
Nouveaux attributs communs aux éléments de formulaire
Les nouveaux attributs suivants sont communs à tous les éléments de formulaire :
- Désactivé : Sélectionnez cette option si vous souhaitez que le navigateur désactive l'élément.
- Obligatoire : Sélectionnez cette option si vous souhaitez que le navigateur vérifie si une valeur a été indiquée.
- Saisie automatique : Sélectionnez cette option pour que les valeurs soient complétées automatiquement lorsque l'utilisateur entre des informations dans un navigateur.
- Focus automatique : Sélectionnez cette option si vous souhaitez que cet élément ait le focus lorsque navigateur charge la page.
- Lecture seule : Sélectionnez cette option pour fixer la valeur de l'élément en lecture seule.
- Formulaire : Spécifie un ou plusieurs formulaires auxquels un élément <input> appartient.
- Nom : Nom unique utilisé pour faire référence à l'objet dans le code.
- Emplacement réservé : Conseil qui décrit la valeur attendue d'un champ de saisie.
- Motif : Expression régulière par rapport à laquelle la valeur de l'élément est validée.
- Titre : Informations supplémentaires au sujet d'un élément. S'affiche sous la forme d'une infobulle.
- Ordre des tabulations : Spécifie la position de l'élément actuel dans l'ordre des tabulations pour le document actuel.
Eléments de formulaire avec attributs modifiés
- Formulaire sans validation : Sélectionnez cette option pour désactiver la validation du formulaire. Cette sélection remplace l'attribut Aucune validation au niveau du formulaire.
- Type de codage du formulaire : Type MIME auquel un agent utilisateur est censé associer cet élément pour l'envoi du formulaire.
- Cible du formulaire cible : Nom de contexte de navigation ou mot-clé qui représente la cible du contrôle.
- Accepter jeu de caractères : Précise les codages de caractères utilisés pour l'envoi du formulaire.
Annotation
les liens pour les attributs contiennent des informations sur tous les attributs énumérés dans les spécifications de HTML5. Tous ces attributs ne sont pas présents dans le panneau Propriétés. Vous pouvez utiliser le mode Code pour ajouter les attributs absents du panneau.
| Élément de formulaire | Nouveaux attributs spécifiques à l'élément | Description des attributs |
| Champ de texte | Liste | http://www.w3.org/TR/html-markup/input.text.html |
| Bouton | <Aucun nouvel attribut spécifique> | http://www.w3.org/wiki/HTML/Elements/button |
| Case à cocher | <Aucun nouvel attribut spécifique> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| Fichier | Multiple | http://www.w3.org/TR/html-markup/input.file.html |
| Form | Sans validation, Accepter jeu de caractères | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| Masqué | <Aucun nouvel attribut spécifique> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| Mot de passe | <Aucun nouvel attribut spécifique> | http://www.w3.org/TR/html-markup/input.password.html |
| Image | Largeur, Hauteur, Action, Méthode, Form no Validate, Form Enc Type, Form Target. | http://www.w3.org/TR/html-markup/input.image.html |
| Réinitialiser | <Aucun nouvel attribut spécifique> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| onSubmit | Formulaire sans validation, Type de codage du formulaire, Cible du formulaire, Ordre des tabulations, Méthode. | http://www.w3.org/TR/html-markup/input.submit.html |
| Bouton radio | <Aucun nouvel attribut spécifique> | http://www.w3.org/TR/html-markup/input.radio.html |
| Zone de texte | Lignes, Colonnes, Espace réservé, Retour à la ligne, Longueur maximale, Indice de tabulation | http://www.w3.org/TR/html-markup/textarea.html |
| Sélection | Taille | http://www.w3.org/wiki/HTML/Elements/select |
Eléments de formulaire HTML5
| Élément de formulaire | Disponible dans | Description | Description des attributs |
| Couleur | 12.2 | Pour les champs de saisie devant contenir une couleur. | http://www.w3.org/TR/html-markup/input.color.html |
| Date | 12.2 | Contrôle permettant à l’utilisateur de sélectionner une date. | http://www.w3.org/TR/html-markup/input.date.html |
| Date et heure | 12.2 | Permet à l’utilisateur de sélectionner une date et une heure (avec fuseau horaire). | http://www.w3.org/TR/html-markup/input.datetime.html |
| Date et heure locales | 12.2 | Permet à l’utilisateur de sélectionner une date et une heure (sans fuseau horaire) | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Mois | 12.2 | Permet à l’utilisateur de sélectionner un mois et une année. | http://www.w3.org/TR/html-markup/input.month.html |
| Nombre | 12.2 | Pour les champs ne devant contenir que des chiffres. | http://www.w3.org/TR/html-markup/input.number.html |
| Plage | 12.2 | Pour les champs devant contenir des valeurs dans une plage de chiffres. | http://www.w3.org/TR/html-markup/input.range.html |
| Heure | 12.2 | Permet à l’utilisateur de sélectionner une heure. | http://www.w3.org/TR/html-markup/input.time.html |
| Semaine | 12.2 | Permet à l’utilisateur de sélectionner une semaine et une année. | http://www.w3.org/TR/html-markup/input.week.html |
| 12.1 | Contrôle permettant de modifier une liste d’adresses électroniques donnée dans la valeur de l’élément. | http://www.w3.org/TR/html-markup/input.email.html | |
| Rechercher | 12.1 | Contrôle de modification en texte brut d’une ligne pour la saisie d’un ou plusieurs termes de recherche. | http://www.w3.org/TR/html-markup/input.search.html |
| Téléphone (Tel) | 12.1 | Contrôle de modification en texte brut d’une ligne pour la saisie d’un numéro de téléphone. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | Contrôle permettant de modifier une URL absolue donnée dans la valeur de l’élément. | http://www.w3.org/TR/html-markup/input.url.html |
Articles connexes
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
