HTML5 Datalist Ve Option Etiketleri(6.Ders Seçenek Listesi) – BilgeBank
Cumartesi , Kasım 18 2017
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML5 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”>

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

HTML5 Canvas Etiketi ( 16.Ders Canvas İle Çember ve Oval Cizimler )

<canvas> Etiketimizle Çember ve Oval Çizimler İçin arc Metodumuzu Kullanıyoruz Bu Metotları JavaScript Derslerimizde Tekrar Ederek ve …

Bir Cevap Yazın