HTML5 Datalist Ve Option Etiketleri(6.Ders Seçenek Listesi) – BilgeBank
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML - CSS Dersleri / HTML5 Datalist Ve Option Etiketleri(6.Ders Seçenek Listesi)

HTML5 Datalist Ve Option Etiketleri(6.Ders Seçenek Listesi)

Htm5 ile Gelen Datalist Etiketimiz Bize Açılır Menü Şeklinde Şeçenek Alanı Oluşturmamıza Yarıyor Kullanımı Çok Basit ve Çok Kullanışlıdır. Hemen Örneğimizi Yaparak Daha İyi Anlayalım..

Örnek Kodlamamız

<input list="dersler" placeholder="Lütfen Bir Ders Seçin">
    <datalist id="dersler">
	<option value="Web Tasarımı">
	<option value="Programlama">
	<option value="Veritabanı">
	<option value="Veritabanı Organizasyonu">
	<option value="Nesne Tabanlı Programlama">
	<option value="Bilişim Teknolojileri">
	<option value="Elektronik">
   </datalist>
/>

<input list=”dersler” placeholder=”Lütfen Bir Ders Seçin”>

list=”dersler” = Listemizi Oluşturmak için Bir input alanı oluşturuyoruz ve List Özelliğini Kullanarak Listemizi Belirtiyoruz..

placeholder = Özelliği İlede Listemizde Hiçbirşey  Seçili Değilken Yazmasını İstediğimiz Notu Ekliyoruz.

<datalist id=”dersler”> Adında datalist  özelliğimizi Ekliyoruz Burası Bir Liste Alanı Ve dersler İçeriklerinin Barındırdığını belirtiyoruz.

option Etiketimizin içinde’de  value Değerlerini Belirterek Liste Elemanlarımızı Oluşturuyoruz.

Kullanımı Bukadar Basit ve Bir o kadar da Kullanışlıdır Çeşitli Seçim İşlemlerinde Kullanabilirsiniz İlerleyen Programlamlama Derslerinde Sıkça Kullanabiliriz.

 

 

Hakkında BilgeBank

İlgili Makale

CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 ile birlikte gelen ve kutuya gölge verme için kullanılan box-shadow özelliği ve kullanımı ile ilgili bilgi vermeye çalışacağım. Hemen …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi:
%d blogcu bunu beğendi: