forum

Home / DeveloperSection / Forums / Data List tag in HTML

Ask Question

Data List tag in HTML

Anonymous User 375 20-Jul-2021

What is Datalist tag in HTML? And why is it used?

html5 html5 
Updated on 20-Jul-2021
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

04-Aug-2021

HTML <datalist> tag is used in <input> field to provide autocomplete feature for words related to them. These are basically used to accomplish things put into the server. Like, if you are writing your state in any form then an autocomplete option will pop up with initial words which are retrieved with the help of datalist tag.

The datalist tag is introduced in HTML5.

The <datalist> tag must be used with an <input> element that has a 'list' attribute. The value of the 'list' attribute is bound to the datalist id.

Let's discuss it with an example : 

<!DOCTYPE html>

<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
    <meta charset='utf-8' />
    <title>DataList</title>
</head>
<body>
    <label>
        Enter your favorite cricket player: Press any character<br />
        <input type='text' id='favCktPlayer' list='CktPlayers'>
        <datalist id='CktPlayers'>
            <option value='Sachin Tendulkar'>
            <option value='Brian Lara'>
            <option value='Jacques Kallis'>
            <option value='Ricky Ponting'>
            <option value='Rahul Dravid'>
            <option value='Shane Warne'>
            <option value='Rohit Sharma'>
            <option value='Donald Bradman'>
            <option value='Saurav Ganguly '>
            <option value='AB diVilliers'>
            <option value='Mahendra Singh Dhoni'>
            <option value='Adam Gilchrist'>
        </datalist>
    </label>
</body>
</html>

Hope this information will be helpful for you.

Happy Coding!

Liked By