HTML <datalist> Tag

#	Content	Views
1.	Tutorial Tags	37,027
2.	Tutorial + Programming	1,061,570
3.	Videos	353,164
4.	Results (`Annual + Re-appear`)	44,815
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,028
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,791
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,463
13.	Downloads (Syllabus)	2,638
	Total	2,296,126

The datalist Element

4,096
Try it

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 ਇਕ ਓਪਨ WhatsApp Community ਗਰੁੱਪ ਜੋ ਕੇ ਤੁਹਾਡੇ ਸਿਲੇਬਸ ਅਨੁਸਾਰ ਅਤੇ ਐਡਵਾਂਸਡ ਇੱਕ Online HTML Editor ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ HTML, CSS, JavaScript, C ਆਦਿ ਦੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਨੂੰ Online ਆਪਣੇ ਮੋਬਾਈਲ ਤੇ ਬਿਨ੍ਹਾਂ ਕੰਪਿਊਟਰ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਹੋਏ web development ਨੂੰ ਸੋਖੇ ਢੰਗ ਨਾਲ ਸਿਖ ਸਕਦੇ ਹੋ ਅਤੇ Source Code ਨੂੰ download ਕਰ ਸਕਦੇ ਹੋ।

WhatsApp Community » » CSPunjab.Com

ਇਹ Community Group ਹੋਣ ਕਾਰਨ Girl Students ਵੀ ਇਸ ਗਰੁੱਪ ਨੂੰ ਬਿਨ੍ਹਾਂ ਝਿਜਕ ਤੋਂ join ਕਰ ਸਕਦੀਆਂ ਹਨ, ਕਿਉਂਕਿ Community Group ਚ 3rd Person ਤੁਹਾਂਡਾ ਮੋਬਾਇਲ ਨੰਬਰ ਵੇਖਣ ਤੋਂ ਅਸਮਰੱਥ ਹੋਵੇਗਾ।

ਇਸ ਗਰੁੱਪ ਵਿੱਚ ਆਪ ਨੂੰ ਸਿਲੇਬਸ ਸਬੰਧੀ YouTube ਵੀਡੀਓ link Share ਕੀਤੇ ਜਾਣਗੇ ਅਤੇ ਕੰਪਿਊਟਰ ਸਾਇੰਸ ਵਿਸ਼ੇ ਨਾਲ ਸਬੰਧਿਤ ਤੁਹਾਨੂੰ ਸਮੇਂ-ਸਮੇਂ ਤੇ Syllabus ਤੋਂ Advanced ਜਾਣਕਾਰੀ ਵੀ Expert Computer ਅਧਿਆਪਕਾਂ ਦੁਆਰਾ ਦਿੱਤੀ ਜਾਵੇਗੀ।

ਨੋਟ: Unauthorised Person ਨੂੰ ਬਿਨ੍ਹਾਂ Warning ਤੋਂ remove ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ।

HTML <datalist> Tag

The datalist Element

HTML Tags

HTML Examples