HTML <datalist> Tag

#	Content	Views
1.	Tutorial Tags	15,777
2.	Tutorial + Programming	678,585
3.	Videos	218,834
4.	Results (`Annual + Re-appear`)	12,693
5.	Quiz Chapters	14,622
6.	Quiz Questions	172,768
7.	Quiz Results	18,822
8.	Testimonials	3,462
9.	Projects	28,283
10.	e-Words	12,023
11.	e-Certificates	4,968
12.	Downloads (Softwares)	4,236
13.	Downloads (Syllabus)	948
	Total	1,186,021

The datalist Element

2,619
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