Uncategories Pengertian komponen datalist dan contoh html nya

Pengertian komponen datalist dan contoh html nya

6:37 AM
Komponen  datalist  merupakan  elemen  form  baru  pada  HTML5.  Datalist digunakan  untuk  membuat  daftar  list.  Komponen  datalist  memberikan  dukungan autocomplete  dasar  untuk  pilihan  pada  field  input.  Komponen  datalist merupakan  pengabungan  antara  list  dan  field  input  dengan  atribut autocomplete.  Saat  membuat  pilihan    pada  datalist,  bila  terdapat  huruf/item yang  sama  dengan    data  pada  data  list  maka  akan  muncul  item  yang  cocok (fungsi  autocomplete  bekerja). Format  umum  Penulisan  komponen  datalist  adalah sebagai  berikut  :
<input list="list">
<datalist id="id">
<option value="nilai1">
<option value=" nilai2">
<option value=" nilai3">
</datalist>

   Berikut  ini  adalah  contoh  penggunaan dari  komponen input  datalist.
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari"> </datalist>
<input type="submit"> </form>
</body>
</html>

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan

Subscribe to: Post Comments (Atom)