The elements used in the accept attribute are form and input.

The accept attribute allows you to suggest the file type that this form or input should accept. You can use audio/*, video/*, image/*, a MIME type, or the extension.

Here is an example looking for PNG files:

<input type="file" accept=".png, image/png"/>

The form element is used in the accept-charset attribute.

The accept-charset attribute sets the charset that the form will accept. UTF-8 is most commonly used as it accepts many characters from many languages.

Here is an example of using the charset attribute:

<form accept-charset="UTF-8"></form>

The form element is used in the action element.

The action attribute consists of the URL that will process the form's data.

Here is an example:

<form action="form-process.php"></form>

The elements that are used in the alt attribute are applet, area, img, and input.

The alt attribute is an alternate text in case the element cannot render the code. The text should pass the same information to the user that the image would have.

Some browsers (Chrome being the most commonly used) will not display the text, and you may need to use the title attribute. This is not the standardized behavior.

Here is an example using an image:

<img alt="Login button." src="non-loading-image.png"/>

The script element is used in the async attribute.

The async attribute tells the browser to load and execute the script asynchronously. By default, the browser will load scripts synchronously. An asynchronous load will immediately download and parse the script without blocking the rendering of the page.

Here is an example:

<script src="application.js" async></script>

The form and input elements are used in the autocomplete attribute.

The autocomplete attribute lets the browser know whether or not it can autocomplete the form or input from the previous values. This can have on and off as the values.

Here is an example:

<input type="text" autocomplete="off" placeholder="Will not autocomplete"/>

The button, input, select, and textarea elements are used in the autofocus attribute.

The autofocus attribute will set the focus to the element. This should only be used on one element.

Here is an example of the autofocus attribute with a text input:

<input type="text" autofocus/>

The audio and video elements are used in the autoplay attribute.

The autoplay attribute will make the element play as soon as it can, without having to stop to load.

Here is an example with an audio file:

<audio autoplay src="audio.mps"></audio>

The input element is used in the autosave attribute.

The autosave attribute tells the browser to save values entered into this input. This means that on the next page load, the values will be persisted. It should have a unique name that the browser can associate the saved values to. This attribute may or may not work in some browsers as it is not fully standardized.

Here is an example:

<input type="text" autosave="textautosave" />

The blockquote, del, ins, and q elements are used in the cite attribute.

The cite attribute points to the source of a quote by providing a URL.

Here is an example:

<blockquote cite="http://en.wikiquote.org/wiki/The_Good,_the_Bad_and_the_Ugly">
    After a meal there's nothing like a good cigar.
</blockquote>

The textarea element is used with the cols attribute.

The cols attribute gives the number of columns in a textarea element.

Here is an example of it in use:

<textarea cols="30"></textarea>

The td and th elements are used in the colspan attribute.

The colspan attribute gives the number of columns a table cell should span.

Here is an example using a table element:

<table>
    <tr><td colspan="2">1 and 2</td></tr>
    <tr><td>1</td><td>2</td></tr>
</table>

The del, ins, and time elements are used with the datetime attribute.

The datetime attribute should be the time that the action implied by the element was taken. This attribute is mainly used with the del and ins elements to show when the deletion or insertion occurred.

Here is an example using del:

My name is <del datetime="2014-12-16T23:59:60Z">John</del>Josh.

The button, fieldset, input, optgroup, option, select, and textarea elements are used in the disabled attribute.

The disabled attribute makes the element unusable. If the element is disabled, it cannot be used. This means that buttons cannot be clicked, text areas and text inputs cannot have text entered, dropdowns cannot be changed, and so on.

Here is an example with a button element:

<button disabled>This is a disabled button</button>

The a element is used in the download attribute.

The download attribute tells the browser to download the resource when clicked on. This means that when the a element is clicked, a save dialog will appear with the value of the attribute as the default name.

Here is an example:

<a href="example.pdf" download="example.pdf">Save the PDF</a>

The meta element is used in the content attribute.

The content attribute is an attribute for the meta tag. It is used as the value of the name attribute.

Here is an example:

<meta name="example" content="value for example" />

The audio and video elements are used in the controls attribute.

The controls attribute tells the browser to display controls for a media file. This is a Boolean attribute.

Here is an audio example:

<audio controls src="example.mp3"></audio>

The label element is used with the for attribute.

The for attribute specifies which form input the label is associated with. This is specified using the ID of the input element. The label will also allow the user to click on it and focus on the input.

Here is an example with a text input:

<label for="username">Username</label>
<input type="text" id="username" name="username" />

The button, fieldset, input, labellable, object, output, select, and textarea elements are used in the form attribute.

The form attribute references the form that these controls are in:

<form method="get" id="example-form">
    
</form>
<input type="text" form="example-form" />

The button and input elements are used in the formaction attribute.

The formaction attribute will override the action of the form for this element. This should be a URL. If used on the form element itself, this attribute specifies the target for the form data. If used on an element within the form (for example, button), this overrides the declared value on the form itself.

Here is an example with a button:

<form method="get" action="formaction.php">
    <button formaction="buttonaction.php">Press me</button>
</form>

The canvas, embed, iframe, img, input, object, and video elements are used in the height attribute.

The height attribute sets the height of the element. Only the elements listed in the previous section should use this attribute and all other elements should use CSS to set their height.

Here is an example with a canvas:

<canvas height="400" width="400"></canvas>

The a, base, and link elements are used in the href attribute.

The URL for the element is given by the href attribute.

Here is an example with an anchor element:

<a href="http://www.google.com">Google</a>

The a and link elements are used in the hreflang attribute.

The hreflang attribute is the language of the linked document. The acceptable values should be in the BCP47 language. There are too many to list here, but you can read the standard at http://www.ietf.org/rfc/bcp/bcp47.txt.

Here is an example:

<a href="http://www.google.com" hreflang="en">Google</a>

The track element is used in the label attribute.

The label attribute is used with the track element to give a title to the track.

Here is an example with subtitles for a video:

<video src="sample.mp4">
    <track kind="subtitles" label="English Subtitles" src="en.vtt" />
</video>

The input element is used in the list attribute.

The list attribute ties to a datalist attribute with a list of options for input.

This example has a list of fruits for a text input:

<input type="text" list="fruit" />
<datalist id="fruit">
    <option>Apple</option>
    <option>Banana</option>
</datalist>

The audio and video elements are used in the loop attribute.

The loop attribute is a Boolean attribute which will play the media on a loop.

Here is an example with an audio element:

<audio src="example.mp3" loop></audio>

The input and progress elements are used in the max attribute.

The max attribute sets the maximum numeric or date-time value allowed.

Here is an example with an input:

<input type="number" min="0" max="5" >

The input and textarea elements are used in the maxlength attributes.

The maxlength attribute sets the maximum number of characters.

Here is an example with an input:

<input type="text" maxlength="5">

The a, area, link, source, and style elements are used in the media attribute.

The media attribute specifies which media this resource is for. Usually, this attribute is used with link and the CSS. The standardized values are screen, print, and all. The screen value is for displaying on a monitor, the print value is when printing, and the all value is both. Different browsers do have a few other values, but nothing that works across all.

Here is an example with CSS to create a print stylesheet:

<link rel="stylesheet" href="print.css" media="print"/>

The form element is used in the method attribute.

The method attribute sets the HTTP method of the form. The two values are GET, which is the default, and POST.

Here is an example of a form that submits using the POST HTTP method:

<form method="post" action="formaction.php"></form>

The input element is used in the min attribute.

The min attribute is the opposite of max. It sets the minimum value for an input.

Here is an example:

<input type="number" min="2">

The select element is used in the multiple attribute.

The multiple attribute allows you to select multiple values. This is a Boolean attribute.

Here is an example:

<select multiple>
    <option>First</option>
    <option>Second</option>
</select>

The button, form, fieldset, iframe, input, object, select, textarea, and meta elements are used in the name attribute.

The name attribute names an element. This allows you to get the value of the element in a submitted form.

Here is an example with an input:

<input type="text" id="username" name="username" />

The form element is used in the novalidate attribute.

The novalidate attribute sets the form to not validate when submitted. The browser will validate the input without adding any client-side code. This is a Boolean attribute.

Here is an example:

<form method="post" action="formaction.php" novalidate></form>

The input element is used in the pattern attribute.

You can use a regular expression in this attribute to validate the input.

Here is an example that will only be valid with numbers:

<input pattern="[0-9].+" type="text" />

The input and textarea elements are used in the placeholder attribute.

When the element has not been interacted with (no value and is not in focus), it will display the text in this attribute. The value will disappear once the element is interacted with.

Here is an example with input:

<input type="text" name="username" placeholder="Please enter username"/>

The video element is used in the poster attribute.

The poster attribute should point to an image that will be the poster (or placeholder) for a video element until the video is loaded.

Here is an example:

<video src="video-about-dogs.mp4" poster="images/image-of-dog.png"></video>

The input and textarea elements are used in the readonly attribute.

The readonly attribute makes the element readonly or not editable. This is a Boolean attribute.

Here is an example with a text input:

<input type="text" readonly />

The a and link elements are used in the rel attribute.

The rel attribute is the relationship between the linked resource and the document. Usually, you will see this used with the link element and CSS or with the a element and the value of nofollow.

Here is a CSS example:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

The input, select, and textarea elements are used in the required attribute.

The required attribute makes the element required in the form. The form will not get submitted until the element is filled out. This is a Boolean attribute.

Here is an example with a text input:

<input required type="text" />

The ol element is used in the reversed attribute.

The reversed attribute is only an attribute of an ordered list, and it will render the list in the reverse order. The items are not in reverse, but rather the numbered list indicators are. This is a Boolean attribute.

Here is an example:

<ol reversed>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

The textarea element is used in the rows attribute.

The rows attribute sets the number of rows in textarea.

Here is an example:

<textarea rows="30"></textarea>

The td and th elements are used in the rowspan attribute.

The rowspan attribute is used on the table cell elements. It will make the cell span the number of rows in the value.

Here is an example:

<table>
    <tr><td rowspan="2">Pets</td><td>Dogs</td></tr>
    <tr><td>Cats</td></tr>
</table>

The td and th elements are used in the scope attribute.

The scope attribute indicates what the cell is associated with. For example, this could be row or col. This is a great benefit for accessibility. It helps to convey the relationship of the rows and columns in the table when a screen reader is used.

Here is an example with a table cell:

<table>
    <tr><th>Name</th><th>Age</th></tr>
    <tr><td scope="row">Gizmo</td><td>4</td></tr>
</table>

The option element is used in the selected attribute.

The selected attribute will set the option to be selected when the page loads. This should only be set on one option element per select element. This is a Boolean attribute.

Here is an example:

<select>
    <option>Cats</option>
    <option selected>Dogs</option>
</select>

The input and select elements are used in the size attribute.

The size attribute determines the width of the element unless the element is an input and text or password. It will then determine the number of characters the element can display. This is specified as the number of characters in the integer form. The default for this is 20.

Here is an example with a text input:

<input type="text" size="100" />

The audio, embed, iframe, img, input, script, source, track, and video elements are used in the src attribute.

The src attribute gives the URL of the resource for the element.

Here is an example with an image element:

<img src="dogs.png" />

The ol element is used in the start attribute.

The start attribute will change the starting number for an ordered list.

Here is an example:

<ol start="10">
    <li>1</li>
    <li>2</li>
</ol>

The input element is used in the step attribute.

The step attribute is used with an input element and the type attribute of number or date-time. It determines how far to step for each increment.

Here is an example with a number input. You will only be able to increment by 5 four times before reaching the max:

<input type="number" min="0" max="20" step="5" />

The button, input, embed, object, script, source, and style elements are used in the type attribute.

The type attribute is one of the most complex attributes. It can completely change the look and behavior of an element. For example, input.

Here is a list for each element:

Here is an example with an input:

<input type="password" />

The button, input, li, option, progress, and param elements are used in the value attribute.

The value attribute will set the value of the element at page load.

Here is an example with a text input:

<input type="text" value="Hey!"/>

The canvas, embed, iframe, img, input, object, and video elements are used in the width attribute.

The width attribute sets the width of the element.

Here is an example with a canvas element:

<canvas width="200" height="200"></canvas>

The textarea element is used in the wrap attribute.

The wrap attribute decides whether or not text can be wrapped in textarea. The values can be hard or soft. A hard value will insert line breaks into the text. It must also be used with the cols attribute, so it knows where the end of the line is. A soft value will not insert any line breaks.

Here is an example:

<textarea cols="10" wrap="hard"></textarea>