From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- files/fr/web/html/element/output/index.md | 170 ++++++++++++++++-------------- 1 file changed, 88 insertions(+), 82 deletions(-) (limited to 'files/fr/web/html/element/output') diff --git a/files/fr/web/html/element/output/index.md b/files/fr/web/html/element/output/index.md index fc074e2d4c..c1af499a5d 100644 --- a/files/fr/web/html/element/output/index.md +++ b/files/fr/web/html/element/output/index.md @@ -9,105 +9,111 @@ tags: - Web translation_of: Web/HTML/Element/output --- -
{{HTMLRef}}
+{{HTMLRef}} -

L'élément HTML <output> représente un conteneur dans lequel un site ou une application peut injecter le résultat d'un calcul ou d'une action utilisateur.

+L'élément HTML **``** représente un conteneur dans lequel un site ou une application peut injecter le résultat d'un calcul ou d'une action utilisateur. -

Attributs

+## Attributs -

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

+Comme tous les autres éléments HTML, cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -
-
{{htmlattrdef("for")}}
-
Une liste d'identifiants d'autres éléments, séparés par des espaces, qui ont joué un rôle dans le calcul (en tant que valeurs d'entrée ou autrement).
-
{{htmlattrdef("form")}}
-
L'identifiant d'un élément de formulaire ({{HTMLElement("form")}}) auquel cet élément est rattaché. La valeur de cet attribut doit être un identifiant (id) d'un formulaire qui fait partie du même document. Cet attribut n'est pas nécessaire si l'élément <output> est situé dans un formulaire ou si l'élément <output> n'est pas du tout associé à un formulaire. Cet attribut permet ainsi de placer l'élément <output> où on veut dans le document, pas nécessairement comme descendant d'un formulaire.
-
{{htmlattrdef("name")}}
-
Le nom de l'élément, utilisé pour identifier l'élément <output> lors de l'envoi du formulaire.
-
+- {{htmlattrdef("for")}} + - : Une liste d'[identifiants ](/fr/docs/Web/HTML/Attributs_universels/id)d'autres éléments, séparés par des espaces, qui ont joué un rôle dans le calcul (en tant que valeurs d'entrée ou autrement). +- {{htmlattrdef("form")}} + - : L'identifiant d'un élément de formulaire ({{HTMLElement("form")}}) auquel cet élément est rattaché. La valeur de cet attribut doit être un identifiant (`id`) d'un formulaire qui fait partie du même document. Cet attribut n'est pas nécessaire si l'élément `` est situé dans un formulaire ou si l'élément `` n'est pas du tout associé à un formulaire. Cet attribut permet ainsi de placer l'élément `` où on veut dans le document, pas nécessairement comme descendant d'un formulaire. +- {{htmlattrdef("name")}} + - : Le nom de l'élément, utilisé pour identifier l'élément `` lors de l'envoi du formulaire. -

Exemples

+## Exemples -

Le formulaire qui suit fournit un curseur dont la valeur peut aller de 0 à 100 ainsi qu'un élément {{HTMLElement("input")}} dans lequel on peut saisir un deuxième nombre. Les deux nombres sont additionnés et le résultat est affiché dans l'élément <output> et est actualisé lorsqu'une des deux valeurs est modifiée.

+Le formulaire qui suit fournit un curseur dont la valeur peut aller de 0 à 100 ainsi qu'un élément {{HTMLElement("input")}} dans lequel on peut saisir un deuxième nombre. Les deux nombres sont additionnés et le résultat est affiché dans l'élément `` et est actualisé lorsqu'une des deux valeurs est modifiée. -

HTML

+### HTML -
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
-    <input type="range" name="b" value="50" /> +
-    <input type="number" name="a" value="10" /> =
-    <output name="result">60</output>
-</form>
-
+```html +
+ + + = + 60 +
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample('Exemples','300','200')}}

+{{EmbedLiveSample('Exemples','300','200')}} -

Résumé technique

+## Résumé technique - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé, contenu associé au formulaire (énuméré, étiquetable, réinitialisable), contenu tangible.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément qui accepte du contenu phrasé.
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLOutputElement")}}
+ Catégories de contenu + + Contenu de flux, + contenu phrasé, + contenu associé au formulaire (énuméré, étiquetable, + réinitialisable), + contenu tangible. +
Contenu autorisé + Contenu phrasé. +
Omission de balises{{no_tag_omission}}
Parents autorisés + Tout élément qui accepte du + contenu phrasé. +
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOM{{domxref("HTMLOutputElement")}}
-

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'the-button-element.html#the-output-element', '<output>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'forms.html#the-output-element', '<output>')}}{{Spec2('HTML5 W3C')}} 
+## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG', 'the-button-element.html#the-output-element', '<output>')}} | {{Spec2('HTML WHATWG')}} |   | +| {{SpecName('HTML5 W3C', 'forms.html#the-output-element', '<output>')}} | {{Spec2('HTML5 W3C')}} |   | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("html.elements.output")}}

+{{Compat("html.elements.output")}} -
-

Note : La plupart des navigateurs implémente cet élément comme s'il avait l'attribut aria-live par défaut. Les outils d'assistance annonceront donc les résultats des interactions avec l'interface utilisateur qui arrivent sur cet élément sans demander à avoir passé le focus depuis un autre contrôle. Toutefois, ce comportement n'est pas précisément décrit dans les spécifications actuelles.

-
+> **Note :** La plupart des navigateurs implémente cet élément comme s'il avait l'attribut `aria-live` par défaut. Les outils d'assistance annonceront donc les résultats des interactions avec l'interface utilisateur qui arrivent sur cet élément sans demander à avoir passé le focus depuis un autre contrôle. Toutefois, ce comportement n'est pas précisément décrit dans les spécifications actuelles. -

Voir aussi

+## Voir aussi -
    -
  • Les autres éléments relatifs aux formulaires : {{HTMLElement("form")}}, {{HTMLElement("input")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("progress")}} et {{HTMLElement("meter")}}.
    • -
+- Les autres éléments relatifs aux formulaires : {{HTMLElement("form")}}, {{HTMLElement("input")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("progress")}} et {{HTMLElement("meter")}}. -- cgit v1.2.3-54-g00ecf