HTML5 Yeni Input Typelar

HTML5 ile beraber gelen yenilikler arasında en pratiklerinden bir tanesi input type sayısının günümüz ihtiyaçlarına göre arttırılıyor olması. email, url, number, range, date picker, search ve color ad

08.01.2012

Yazar: Daron Yöndem (Google+)

Kategori: HTML5

6928

[HTML]

Yukarıda gördüğünüz input kontrolünün tipi aynen tahmin edeceğiniz üzere bu kontrolün içerisine bir e-mail adresi yazılacağını belirtiyor. Bu şekilde yapılan bir ayarlama bizi doğrudan istemci taraflı validasyon kodu yazmaktan da kurtarıyor ve tarayıcı kendisi bu gibi validasyonları çözebiliyor.

HTML5 E-Mail Adresi Kontrolü

Eğer isterseniz gösterilecek olan uyarı yazısını ve hatta özel durumlarda validasyon için kullanılacak RegEx Pattern'i de ayrıca belirleyebilirsiniz.

[HTML]

Yukarıdaki kod içerisinde hem pattern hem title özellikleri gerekli özelleştirmemeleri yapabilmemizi sağlıyor. Gelin hızlıca birkaç örneğin daha kodunu inceleyelim.

[HTML]

    <label>
        Enter your first name:
        <input name="firstname" type="text" required>
    </label>
    <input type="url" name="url" />
    <input type="email" name="email" />
    <input type="number" min="0" max="10" step="2" />

Kodumuzdaki yeniliklerden biri "required" attribute'ü. Bu attribute sayesinde bir hücrenin kesinlikle doldurulup doldurulmaması gerektiğine dair bilgiyi verebiliyorsunuz. Input Type Number olan kontrol ise sıfır ile on arasında ikinin katlarından biri olarak bir sayı istenmesini sağlıyor.

Eğer bu kontrollerle ilgili invalid durumundaki görselliği değiştirmek isterseniz aşağıdaki gibi bir CSS kodu yazmak mümkün.

[CSS]

Tüm bunlarla ilgili ASP.NET 4.5 ile beraber gerekli düzenlemeleri ASP.NET tarafında da göreceğiz.

ASP.NET 4.5'ten yeni HTML5 Input Type'lara destek

Ekran görüntüsünden de görebileceğiniz üzere ASP.NET'teki basit bir Textbox'ın artık çok daha fazla TextMode'u var. Tüm bu TextMode'lar HTML5'teki yeni Input Type'lara denk geliyor ve uygun HTML5 kodunun yaratılmasını sağlıyor.

Gelecek çok güzel olacak :) Hepinize kolay gelsin.

Yazar Hakkında

Daron Yöndem

daron.yondem.com

DEVELOAD Yazılım şirketi kurucusu Daron Yöndem ASP.NET alanında aldığı MVP ünvanını son üç yıldır Silverlight alanında devam ettirmektedir. Microsoft Regional Director ünvanına da sahip olan Daron Yöndem’e 2009, 2010 ve 2011 yıllarında Microsoft tarafından “Gold Global Impact Award” ödülü verilmiştir. Microsoft TechEd, PDC, DevReach, Microsoft DevDays gibi uluslararası konferanslarda konuşmacı olan Daron Yöndem INETA (International .NET Association) Orta-Doğu Afrika Bölge Başkanlığı görevini sürdürürerek 262.000’i aşkın üyesi olan 58 sosyal topluluğa destek vermektedir. Üç Türkçe, üç İngilizce kitabı olan Daron Yöndem’in Wrox Publishing gibi uluslararası yayınevlerinden kitapları bulunmaktadır.

Yazar Hakkında

Sosyal Medya

0 Yorum

Yorum Yaz / Soru Sor

Son Yorumlar

En Güncel Sorular

En Son Cevap Verilen Sorular

Twitter

En Çok Okunanlar

Sponsorlar