html tutorial - for Attribute in HTML - html5 - html code - html form

For attribute in html

Learn html - html tutorial - For attribute in html - html examples - html programs

  • The for attribute used together with<label>and <output> tags.
  • The for attribute used to specify which form element a label is bound to.
  • The for attribute used in the <output> tag to specifies the relationship between the result of the calculation, and the elements used in the calculation.

Syntax of for attribute in HTML:

<output for="element_id">

Differences between HTML 4.01 and HTML5 for attribute:

HTML 4.01

  • <output> tag is not supported in HTML4.


  • <output>tag is new in HTML5.

Applies To:

Element Attribute
<output> for
<label> for

for Attribute Values:

Tag Value Description
<output> element_id It is optional. Defines the new filename for the downloaded file.
<label> element_id The id of the element is bound to the label

Sample Coding of for Attribute in HTML:

Tryit<!DOCTYPE html>
        <title>Wikitechy for attribute</title>
        <form oninput="z.value=parseInt(x.value)+parseInt(y.value)">0
            <input type="range" id="x" value="60">150
            +<input type="number" id="y" value="30">
            =<output name="z" for="x y">

Code Explanation of for Attribute in HTML:

for Attribute Code Explanation

  1. The <output> element is used to perform an operation and display the results, which is used to specify the relation between the result of the calculation, and the elements used in the calculation.
  2. Here for attribute is declare for the calculation of the elements.

Output of for Attribute in HTML:

for Attribute Tag Output

  1. Here the for attribute displays the range between 0 to 150.
  2. In the rectangular box another value is added for the addition process.
  3. The value of the range is 70+30 the total value is displayed in the output as 100..

Browser Support of for Attribute in HTML:

<label> yes yes yes yes yes
<output> 10.0 No 4.0 11.0

Related Searches to for Attribute in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add to your ad blocking whitelist or disable your adblocking software.