HTML‘de metin kutularına (<input type=”text” />) girilebilecek karakter sayısını maxlength özelliği ile kısıtlayabiliyoruz;

<input type=”text” id=”AdSoyad” maxlength=”75” /></pre>

Fakat TextArea elemanı için maxlength özelliği yer almamaktadır.

Eğer TextArea elemanı için maxlength özelliğini sağlamak istersek, sayfamıza javascript kodu eklememiz gerekir.

Örneğin, ilgili TextArea elemanına 100 karakterlik bir sınır koymak istiyorsak, aşağıdaki javascript kodunu sayfamıza ekleyebiliriz;

<script type="text/javascript">
    function TextAreaKarakterSayisiDogrula()
    {
        var sonSayi = 100 - document.getElementById("Adres").value.length;
        if (sonSayi >= 0)
        {
            document.getElementById("KalanKarakterSayac").innerHTML = sonSayi;
        }
        else
        {
            document.getElementById("Adres").value = document.getElementById("Adres").value.substring(0, 100);
            document.getElementById("KalanKarakterSayac").innerHTML = 0;
        }
    }
</script>

<textarea id="Adres" onkeyup="TextAreaKarakterSayisiDogrula()" cols="20" rows="5"></textarea>

Kalan karakter sayısı : <span id="KalanKarakterSayac">100</span>


Örnek kodu herhangi bir **html** sayfasına koyarsanız, *farklı tarayıcılarda* **sorun çıkartmadan** çalışacaktır.