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




List attribute in html

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

  • The list attribute specifies pre-defined options for an <input> element.

Syntax for list attribute in HTML:

<input list="datalist_id">

Differences between HTML 4.01 and HTML5 for list attribute:

HTML 4.01

  • HTML4 does not support list attribute.

HTML 5

  • HTML5 supports list attribute.

Applies To:

Elements Attribute
<input> list

Attribute Values:

Value Description
datalist_id Specifies the id of the datalist to be bind.

Sample Coding for list Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
<body>
         <head>
          <title>Wikitechy list attribute</title>
         </head>
            <input list="tutorials" >
            <datalist id="tutorials" >
            <option value="html">
            <option value="css">
            <option value="php">
            </datalist>
 </body>
 </html>

Code Explanation for list Attribute in HTML:

 list Attribute Code Explanation

  1. The list attribute used to specify the option list from the datalist id as “tutorials”.
  2. The <datalist> tag has list options and it has the id value as “tutorials”.

Output for list Attribute in HTML:

 list Attribute Tag Output

  1. The output shows list options like a drop down-list for the text box.

Browser Support for list Attribute in HTML:

20.0 10.0 4.0 No 9.6

Related Searches to list 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 wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×