JavaScript ile veri kontrolü çok rahat olmasına rağmen sadece HTML kullanarak veri girişini de kontrol edebilirsiniz.
Bu yazıda bir input kususuna girilen değerlerden sadece harflerin girişini onaylayan HTML input örneği kodlarınnı göreceksiniz.
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <style> input[type="text"]:valid{ outline:2px solid green; } input[type="text"]:invalid{ outline:2px solid red; } </style> <body> <form> <input type="text" pattern="[A-Za-z]*" title="Sadece Harf girin"> <input type="submit"> </form> </body> </html> |
Yukarıdaki kodlar çalıştırıldığında input kutusuna harf dışında bir değer girildiğinde form gönderilmeyecektir.
Çıktı:
Yorum Yap