<br />
<b>Warning</b>:  Undefined array key "global_protection_id" in <b>/home/wikitechy/public_html/interview-questions/wp-content/plugins/content-protector/inc/class-ps-rest-handler.php</b> on line <b>51</b><br />
{"id":5064,"date":"2022-10-27T05:27:42","date_gmt":"2022-10-27T05:27:42","guid":{"rendered":"https:\/\/www.wikitechy.com\/interview-questions\/?p=5064"},"modified":"2022-10-27T05:27:42","modified_gmt":"2022-10-27T05:27:42","slug":"what-is-the-datalist-tag-in-html","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/","title":{"rendered":"What is the datalist tag in HTML ?"},"content":{"rendered":"<ul>\n<li style=\"text-align: justify;\">In HTML &lt;datalist&gt; tag is used to provide autocomplete feature in the files.<\/li>\n<li style=\"text-align: justify;\">Users can easily fill the data in the forms using select the data because it is used by an input tag.<\/li>\n<li style=\"text-align: justify;\">It provides a list of predefined options for the users to select data.<\/li>\n<\/ul>\n<h2 id=\"sample-code\" style=\"text-align: justify;\">Sample Code<\/h2>\n<div class=\"code-embed-wrapper\"> <div class=\"code-embed-infos\"> <\/div> <pre class=\"language-markup code-embed-pre line-numbers\"  data-start=\"1\" data-line-offset=\"0\"><code class=\"language-markup code-embed-code\">&lt;!DOCTYPE html&gt;<br\/>&lt;html&gt;<br\/>&lt;body&gt;<br\/><br\/>&lt;h1&gt;The datalist element&lt;\/h1&gt;<br\/><br\/>&lt;form action=&quot;\/action_page.php&quot; method=&quot;get&quot;&gt;<br\/>  &lt;label for=&quot;browser&quot;&gt;Choose your browser from the list:&lt;\/label&gt;<br\/>  &lt;input list=&quot;browsers&quot; name=&quot;browser&quot; id=&quot;browser&quot;&gt;<br\/>  &lt;datalist id=&quot;browsers&quot;&gt;<br\/>    &lt;option value=&quot;Edge&quot;&gt;<br\/>    &lt;option value=&quot;Firefox&quot;&gt;<br\/>    &lt;option value=&quot;Chrome&quot;&gt;<br\/>    &lt;option value=&quot;Opera&quot;&gt;<br\/>    &lt;option value=&quot;Safari&quot;&gt;<br\/>  &lt;\/datalist&gt;<br\/>  &lt;input type=&quot;submit&quot;&gt;<br\/>&lt;\/form&gt;<br\/><br\/>&lt;p&gt;&lt;strong&gt;Note:&lt;\/strong&gt; The datalist tag is not supported in Safari 12.0 (or earlier).&lt;\/p&gt;<br\/><br\/>&lt;\/body&gt;<br\/>&lt;\/html&gt;<\/code><\/pre> <\/div>\n<h2 id=\"output\" style=\"text-align: justify;\">Output<\/h2>\n<p style=\"text-align: justify;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-5065\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png\" alt=\"\" width=\"1293\" height=\"746\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png 1293w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-300x173.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-1024x591.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-768x443.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-390x225.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-820x473.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag-1180x681.png 1180w\" sizes=\"(max-width: 1293px) 100vw, 1293px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In HTML &lt;datalist&gt; tag is used to provide autocomplete feature in the files. Users can easily fill the data in the forms using select the data because it is used by an input tag. It provides a list of predefined options for the users to select data. Sample Code Output<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[19019],"tags":[19074,19071,19070,19072,19073,19065,19067,19069,19066,19068],"class_list":["post-5064","post","type-post","status-publish","format-standard","hentry","category-html","tag-datalist-events","tag-datalist-example","tag-datalist-selected-value","tag-datalist-styling","tag-datalist-value-and-text","tag-html-datalist-tag","tag-html-tag","tag-select-and-datalist-in-html","tag-tag","tag-what-is-the-datalist-tag-in-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is the datalist tag in HTML ? - HTML Datalist Tag - HTML<\/title>\n<meta name=\"description\" content=\"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the datalist tag in HTML ? - HTML Datalist Tag - HTML\" \/>\n<meta property=\"og:description\" content=\"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Wikitechy\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-27T05:27:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/\",\"name\":\"What is the datalist tag in HTML ? - HTML Datalist Tag - HTML\",\"isPartOf\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png\",\"datePublished\":\"2022-10-27T05:27:42+00:00\",\"dateModified\":\"2022-10-27T05:27:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4\"},\"description\":\"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png\",\"contentUrl\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png\",\"width\":1293,\"height\":746},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#website\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/\",\"name\":\"Wikitechy\",\"description\":\"Interview Questions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\/\/www.wikitechy.com\/interview-questions\"],\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is the datalist tag in HTML ? - HTML Datalist Tag - HTML","description":"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/","og_locale":"en_US","og_type":"article","og_title":"What is the datalist tag in HTML ? - HTML Datalist Tag - HTML","og_description":"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.","og_url":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/","og_site_name":"Wikitechy","article_published_time":"2022-10-27T05:27:42+00:00","og_image":[{"url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png"}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/","url":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/","name":"What is the datalist tag in HTML ? - HTML Datalist Tag - HTML","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage"},"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png","datePublished":"2022-10-27T05:27:42+00:00","dateModified":"2022-10-27T05:27:42+00:00","author":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"description":"What is the datalist tag in HTML ? - HTML Datalist Tag - In HTML tag is used to provide autocomplete feature in the files.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/html\/what-is-the-datalist-tag-in-html\/#primaryimage","url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png","contentUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/10\/html-datalist-tag.png","width":1293,"height":746},{"@type":"WebSite","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website","url":"https:\/\/www.wikitechy.com\/interview-questions\/","name":"Wikitechy","description":"Interview Questions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/www.wikitechy.com\/interview-questions"],"url":"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/5064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/comments?post=5064"}],"version-history":[{"count":1,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/5064\/revisions"}],"predecessor-version":[{"id":5066,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/5064\/revisions\/5066"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/media?parent=5064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/categories?post=5064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/tags?post=5064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}