The datalist Element

#	Content	Views
1.	Tutorial Tags	37,061
2.	Tutorial + Programming	1,061,982
3.	Videos	353,273
4.	Results (`Annual + Re-appear`)	44,967
5.	Quiz Chapters	37,147
6.	Quiz Questions	540,385
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,246
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,500
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Datalist Element

The datalist Element

The <datalist> element specifies a list of pre-defined options for an <input> element.

Users will see a drop-down list of the pre-defined options as they input data.

The list attribute of the <input> element, must refer to the id attribute of the <datalist> element.

<!DOCTYPE html>
<html>
<body>

<h2>The datalist Element</h2>

<p>The datalist element specifies a list of pre-defined options for an input element.</p>

<form action="/php/dataList.php" method="post">
  <input list="languages" name="language">
  <datalist id="languages">
    <option value="HTML">
    <option value="C">
    <option value="C++">
    <option value="Java">
    <option value="Python">
  </datalist>
  <input type="submit">
</form>

<p><b>Note:</b> The datalist tag is not supported in Safari prior version 12.1.</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #data list

CSPunjab.Com

The datalist Element

« Previous

The <datalist> element specifies a list of pre-defined options for an <input> element.

Users will see a drop-down list of the pre-defined options as they input data.

The list attribute of the <input> element, must refer to the id attribute of the <datalist> element.

<!DOCTYPE html>
<html>
<body>

<h2>The datalist Element</h2>

<p>The datalist element specifies a list of pre-defined options for an input element.</p>

<form action="/php/dataList.php" method="post">
  <input list="languages" name="language">
  <datalist id="languages">
    <option value="HTML">
    <option value="C">
    <option value="C++">
    <option value="Java">
    <option value="Python">
  </datalist>
  <input type="submit">
</form>

<p><b>Note:</b> The datalist tag is not supported in Safari prior version 12.1.</p>

</body>
</html>

Live Demo & Try it yourself!