Data List tag in HTML

Anonymous User 825 20 Jul 2021

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

Anonymous User

Software Developer Trainee

I am a content writter !

1 Answers

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!

forum

Data List tag in HTML

Can you answer this question?

1 Answers