banner
htmldersleri
Ana SayfaANA SAYFA Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
HTML Temel
HTML Giriş
HTML Elementler
HTML Etiketler
HTML Parametreler
HTML Biçimlendirme
HTML Özeller
HTML Bağlantılar
HTML Çerçeveler
HTML Tablolar
HTML Listeleme
HTML Formlar
HTML Resimler
HTML Arka Plan
HTML Renkler
HTML Renk Değerleri
HTML Renk İsimleri
HTML Hızlı Liste

HTML5 Ana Menü
HTML5 Giriş
HTML5 Anlamlandırma
HTML5 Giriş Tipleri
HTML5 Form Elementleri
HTML5 Form Özellikleri
HTML5 Canvas
HTML5 SVG
HTML5 Video
HTML5 Audio
HTML5 Konum
HTML5 Sürükle/Bırak
HTML5 Web Depolama
HTML5 Uygulama Bellekleme
HTML5 Web Çalışanı
HTML5 SSE

HTML Gelişmiş
HTML Tasarım
HTML Fontlar
HTML Stiller
HTML Başlık
HTML Meta
HTML URL
HTML Scriptler
HTML Std. Nitelikler
HTML Olaylar
HTML ASCII
HTML Web Sunucu

HTML Örnekler/Test
HTML Örnekler
HTML Örnek Site
HTML Test

HTML5 Form Elementleri

Önceki Sonraki

HTML5 Yeni Form Elementleri

HTML5 aşağıdaki yeni form elementlerine sahiptir:

  • <datalist>
  • <keygen>
  • <output>
Note

Tüm tarayıcılar yeni form elementlerini desteklemeyebilir. Ancak, yine de kullanabilirsiniz, sadece sıradan metin giriş alanı olarak davranacaklardır.




HTML5 <datalist> Elementi

<datalist> elementi, bir <input> elementi için önceden belirlenmiş bir dizi seçeneğin listesini belirtir.

<datalist> elementi <input> elementleri için bir "autocomplete" özelliği sağlar. Kullanıcılar, input verisi için önceden tanımlanmış bir açılır kutu listesi göreceklerdir.

Bir <datalist> elemanı ile birlikte bağlamak için <input> elemanının "list" özelliğini kullanın.

OperaSafariChromeFirefoxInternet Explorer

Örnek

Bir <datalist> ile önceden değerleri belirlenmiş bir <input> elementi:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Kendin Dene »


HTML5 <keygen> Elementi

<keygen> elementinin amacı, kullanıcıları yetkilendirmek için güvenli bir yol kullanmaktır.

<keygen> etiketi, bir form içerisinde bir anahtar çifti (key-pair) jeneratörü belirtir.

Form gönderildiğinde, iki anahtar oluşturulur, biri özel biri ise genel.

Özel anahtar sizin lokalinizde saklanır, genel olanı ise sunucuya gönderilir. Genel anahtar, kullanıcının ileride tekrar kullanabilmesi için bir istemci sertifikası oluşturmak için kullanılır.

OperaSafariChromeFirefoxInternet Explorer

Örnek

Keygen alanı olan bir form:

<form action="demo_keygen.php" method="get">
Kullanıcı adı: <input type="text" name="usr_name">
Şifreleme: <keygen name="security">
<input type="submit">
</form>

Kendin Dene »


HTML5 <output> Elementi

<output> elementi bir hesaplamanın sonucunu gösterir (bir script gibi)

OperaSafariChromeFirefoxInternet Explorer

Örnek

Bir hesaplama yapmak ve sonucu <output> elementi içinde göstermek:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>

Kendin Dene »

Önceki Sonraki

Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
Copyright © 2008 | Tüm Hakları Saklıdır. | Webmaster: destek@htmldersleri.org

82 kişi şuan sayfamızda geziniyor.

English Deutsch Français Español Dutch Italiano Português Български
html dersleri
Dersler Örnekler Online Test