HTML डाटालिस्ट टैग | HTML Datalist Tag in Hindi

557

एच टीए म एल <datalist> टैग, फार्म तत्व पर ऑटो पूर्ण सुविधा (auto complete feature) उपलब्ध कराने के लिए प्रयोग किया जाता है। यह उपयोगकर्ताओं को डेटा का चयन करने के लिए पूर्वनिर्धारित विकल्पों की एक सूची प्रदान करता है।

datalist टैग को HTML5 में पेश किया गया है।

<datalist> टैग को एक ऐसे <input <element के साथ प्रयोग किया जाना चाहिए, जिसमें एक “list” attribute हो। “list” attribute का मान datalist id से जुड़ा हुआ है।

नोट: एच टी एम एल datalist टैग, वैश्विक (global) और घटना (event) attributes को भी समर्थन (support) करता है।

HTML datalist tag example

आओ एच टी एम एल 5 datalist टैग का सरल उदाहरण देखें। यदि आप ए दबाते हैं, तो यह A अक्षर से शुरू होने वाले क्रिकेटरों की सूची दिखाएगा।

  1. <label>
  2.  Enter your favorite cricket player: Press any character<br />
  3.  <input type=“text” id=“favCktPlayer” list=“CktPlayers”>
  4.  <datalist id=“CktPlayers”>
  5.  <option value=“Sachin Tendulkar”>
  6.  <option value=“Brian Lara”>
  7.  <option value=“Jacques Kallis”>
  8.  <option value=“Ricky Ponting”>
  9.  <option value=“Rahul Dravid”>
  10.  <option value=“Shane Warne”>
  11.  <option value=“Rohit Sharma”>
  12.  <option value=“Donald Bradman”>
  13.  <option value=“Saurav Ganguly “>
  14.  <option value=“AB diVilliers”>
  15.  <option value=“Mahendra Singh Dhoni”>
  16.  <option value=“Adam Gilchrist”>
  17.  </datalist>
  18. </label>

ट्राई करें

आउटपुट:

Supporting Browsers

Element chrome  Chrome ie  IE firefox  Firefox opera  Opera safari  Safari
<datalist> Yes Yes Yes Yes Yes