mozilla
Vos résultats de recherche

    Guide pour les formulaires HTML Redirection 2

    La traduction de ce guide est en cours de progression. N'hésitez pas à y prendre part !

    Bienvenue dans le guide sur les formulaires HTML. Ce guide est une série d'articles qui vous aideront à maîtriser les formulaires HTML. Les formulaires HTML sont des outils très puissants pour interagir avec un utilisateur ; toutefois, à cause de raisons historiques et techniques, il n'est pas forcément évident de savoir comment les utiliser de manière optimale. Nous allons aborder tous les aspects des formulaires HTML, de la structure à la décoration, de la gestion des données aux widgets sur-mesure. Vous allez apprécier les possibilités qui s'ouvrent à vous !

    Articles

    1. Mon premier formulaire HTML
    2. Comment structurer un formulaire HTML
    3. Les blocs de formulaires natifs
    4. CSS et les formulaires HTML
      1. Apparence des formulaires HTML
      2. Apparence avancée des formulaires HTML
      3. Tableau de compatibilité des propriétés des widgets de formulaires
    5. Sending and retrieving form data
    6. Data form validation
    7. How to build custom form widgets
    8. Sending forms through JavaScript
      1. Using the FormData object
    9. HTML forms in legacy browsers

    Documentation HTML

    Éléments HTML

    Élement Interface DOM liée Description
    <button> HTMLButtonElement L'élément button représente un bouton cliquable.
    <datalist> HTMLDataListElement L'élément datalist contient un ensemble d'éléments <option> qui représentent les options possibles pour les valeur d'autres élément de formulaires.
    <fieldset> HTMLFieldSetElement L'élément fieldset est utiliser pour regrouper plusieurs éléments dans un formulaire.
    <form> HTMLFormElement L'élément form représente une section d'un document qui contient un élément interactif permettant à l'utilisateur d'envoyer des informations à un serveur web.
    <input> HTMLInputElement L'élément input est utilisé pour créer des contrôles interactifs dans des formulaires.
    <keygen> HTMLKeygenElement L'élément keygen existe pour faciliter la génération de clés, et de soumission de la clé publique comme partie d'un formulaire HTML.
    <label> HTMLLabelElement L'élément label représente la légende d'un élément dans une interface utilisateur.
    <legend> HTMLLegendElement L'élément legend représente une légende pour son <fieldset> parent.
    <meter> HTMLMeterElement L'élément meter représente soit une valeur scalaire dans un intervalle connu soit une valeur fractionnelle..
    <optgroup> HTMLOptGroupElement L'élément optgroup crée un groupe d'options dans un élément <select>.
    <option> HTMLOptionElement L'élément HTML option est utilisé pour créer un contrôle représentant un item dans un élément <select>, un élément <optgroup> ou un élément <datalist>.
    <output> HTMLOutputElement L'élément output représente le résultat d'un calcul.
    <progress> HTMLProgressElement L'élément progress est utilisé pour visualiser l'état d'avancement d'une tâche.
    <select> HTMLSelectElement L'élément select représente un contrôle qui affiche un menu d'options.
    <textarea> HTMLTextAreaElement L'élément textarea représente un contrôle de modification de texte multiligne.

    Note : tous les éléments de formulaires, tout comme tous les éléments HTML, supportent l'interface DOM HTMLElement.

    Attributs HTML

    Nom de l'attribut Éléments Description
    accept <form>, <input> Liste des types que le serveur accepte, généralement le type de fichier.
    accept-charset <form> Liste des jeux de caractères acceptés.
    action <form> L'URI d'un programme qui traite l'information soumise via un formulaire.
    autocomplete <form>, <input> Indique si les valeurs dans les contrôles du formulaire peuvent être remplies automatiquement par le navigateur.
    autofocus <button>, <input>, <keygen>, <select>, <textarea> Les éléments doivent  avoir le focus automatiquement après que la page est chargée.
    challenge <keygen> Une chaîne casse-tête qui est envoyée avec la clé publique.
    checked <input> Indique si un élément doit être coché au chargement de la page.
    cols <textarea> Définit le nombre de colonnes dans la zone de texte.
    data <object> Définit l'URL de la ressource.
    dirname <input>, <textarea>  
    disabled <button>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> Indique si un utilisateur peur interagir avec l'élément.
    enctype <form> Définit le type de contenu de la date lorsque la method est POST.
    for <label>, <output> Décrit les éléments qui appartiennent à celui-ci.
    form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> Indique que le formulaire est le propriétaire de l'élément.
    high <meter> Indique la plus petite valeur de la borne supérieure acceptable.
    keytype <keygen> Définit le type de clé générée.
    list <input> Identifie une liste d'options pré-définies d'options suggérée à l'utilisateur.
    low <meter> Indique la borne supérieure de la limite inférieure.
    max <input>, <meter>, <progress> Indique la valeur maximale acceptée.
    maxlength <input>, <textarea> Définit le nombre de caractères acceptés dans un élément.
    method <form> Définit quelle méthode HTTP doit être utilisée lors de l'envoi du formulaire. Cela peut être GET (par défaut) ou POST.
    min <input>, <meter> Indique la valeur minimale acceptée.
    multiple <input>, <select> Indique si plusieurs valeurs peuvent être indiquées dans un champ de type email ou file.
    name <button>, <form>, <fieldset>, <input>, <keygen>, <output>, <select>, <textarea> Nom de l'élément. Est par exemple utilisé par le serveur pour identifier les champs dans les formulaires soumis.
    novalidate <form> Cet attribut indique que le formulaire ne doit pas être validé lorsqu'il est soumis.
    optimum <meter> Indique la valeur numérique optimale.
    pattern <input> Définit une expression régulière qui sert de référence pour valider la valeur de l'élément.
    placeholder <input>, <textarea> Donne une indication à l'utilisateur sur ce qui peut être entré dans le champ.
    readonly <input>, <textarea> Indique si l'élément peut être édité.
    required <input>, <select>, <textarea> Indique si l'élément doit être renseigné ou non.
    rows <textarea> Définit le nombre de rangs dans une zone de texte.
    selected <option> Définit quelle valeur doit être sélectionnée au chargement de la page.
    size <input>, <select> Définit la largeur de l'élément (en pixels). Si l'attribut type de l'élément est text ou password alors c'est le nombre de caractères.
    src <input> L'URL du contenu à insérer.
    step <input>  
    target <form>  
    type <button>, <input> Définit le type de l'élément.
    usemap <input>  
    value <button>, <option>, <input>, <meter>, <progress> Définit une valeur par défaut qui est celle affichée au chargement de la page.
    wrap <textarea> Indique si le texte peut dépasser du champ ou non.

    Référence normative

    Étiquettes et contributeurs liés au document

    Contributors to this page: tregagnon
    Dernière mise à jour par : tregagnon,