HTML => Élément de sortie

Paramètres

Attribut	La description
Global	Attributs disponibles pour tout élément HTML5. Pour une documentation complète de ces attributs, voir: Attributs globaux MDN
prénom	Une chaîne représentant le nom d'une sortie. En tant qu'élément de formulaire, la sortie peut être référencée par son nom à l'aide de la propriété `document.forms` . Cet attribut est également utilisé pour collecter des valeurs sur une soumission de formulaire.
pour	Une liste d'espaces d'élément de formulaire séparés par des espaces (par exemple, `<inputs id="inp1"> for value is "inp1"` ) que la sortie est censée afficher.
forme	Une chaîne représentant le `<form>` associé à la sortie. Si la sortie est en fait en dehors de `<form>` , cet attribut garantira que la sortie appartient toujours au `<form>` et est soumise aux collectes et aux soumissions dudit `<form>` .

Elément de sortie utilisant les attributs For et Form

La démonstration suivante utilise un élément <output> utilisant les attributs [for] et [form] . Gardez à l'esprit que <output> besoin de JavaScript pour fonctionner. Le code JavaScript intégré est couramment utilisé dans les formulaires, comme le montre cet exemple. Bien que les éléments <input> soient type="number" , leur value s ne sont pas des nombres, mais du texte. Donc, si vous voulez que la value s soit calculée, vous devez convertir chaque value en un nombre en utilisant des méthodes telles que: parseInt() , parseFloat() , Number() , etc.

Démo en direct

    <!--form1 will collect the values of in1 and in2 on 'input' event.-->
    <!--out1 value will be the sum of in1 and in2 values.-->    

<form id="form1" name="form1" oninput="out1.value = parseInt(in1.value, 10) + parseInt(in2.value, 10)">

  <fieldset>

    <legend>Output Example</legend>

      <input type="number" id="in1" name="in1" value="0">
    <br/>
    +
    <input type="number" id="in2" name="in2" value="0">

  </fieldset>

</form>

<!--[for] attribute enables out1 to display calculations for in1 and in2.-->
<!--[form] attribute designates form1 as the form owner of out1 even if it isn't a descendant.-->

<output name="out1" for="in1 in2" form="form1">0</output>

Elément de sortie avec attributs

<output name="out1" form="form1" for="inp1 inp2"></output>

Modified text is an extract of the original Stack Overflow Documentation

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow

HTML
Élément de sortie

Recherche…

Paramètres

Elément de sortie utilisant les attributs For et Form

Elément de sortie avec attributs