Ev / DERSLER / Web Tasarım Dersler / HTML / 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

İlgini Cekebilir

HTML5 Canvas Etiketi ( 15.Ders Canvas Yol Belirleme )

<canvas> Etiketimiz İçinde Çizim Yollarını Belirlemek için Hemen Örneğimize Geçelim İlk Olarak Canvas İle Bir …

Bir cevap yazın

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

%d blogcu bunu beğendi: