Tasarım Kodlama

HTML ile Sadece Sayı, Rakam Girilen input Yapma

2011 yılından beri hayatımızda olan HTML5 bir çok yeni etiket ile birlikte nitelikleri de web tasarımcılara kazandırdı.

Bu yazıda HTML input kullanarak sadece sayı girişine izin veren metin kutuları nasıl oluşturacağınız göstereceğiz.

Örnek 1: type=”number” niteliği kullanarak sayı girişine izin verme

<input type=”number”> ile kullanıcıdan sadece sayı girmesini istiyoruz.

Örnek 2: pattern=”\d*” kullanarak sadece sayı girişine izin verme

\d* deseni input kutusuna girilen metin sadece sayı olmasını ister.

CSS ile Doğruluk Kontrolü

CSS :invalid sözde sınıfını kullanarak girilen metin doğru olup olmadığını anlık olarak kullanıcıya gösterebilirsiniz.

HTML + CSS kodu:

HTML ile kullanıcıdan TC kimlik numarası alma

Yorum yap