Limite di caratteri in HTML

Come si impone un limite di caratteri a un input di testo in HTML?

Esistono 2 soluzioni principali:

Quello HTML puro:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

Quello JavaScript (allegalo a un evento onKey):

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

Ma comunque, non esiste una buona soluzione. Non puoi adattarti alla cattiva implementazione HTML di ogni cliente, è una battaglia impossibile da vincere. Ecco perché è molto meglio controllarlo sul lato server, con uno script PHP / Python / qualsiasi cosa.

c'è un attributo maxlength

<input type="text" name="textboxname" maxlength="100" />

Oltre a quanto sopra, vorrei sottolineare che la convalida lato client (codice HTML, javascript, ecc.) Non è mai abbastanza. Controlla anche la lunghezza lato server, o semplicemente non controllare affatto (se non è così importante che le persone possano essere autorizzate a aggirarlo, allora non è abbastanza importante da giustificare alcun passaggio per impedirlo).

Inoltre, ragazzi, lui (o lei) ha detto HTML, non XHTML. ;)

usa l'attributo "maxlength" come altri hanno detto.

se devi inserire una lunghezza massima di caratteri su un'AREA di testo, devi passare a Javascript. Dai un'occhiata qui: Come imporre maxlength su textArea in HTML usando JavaScript

Per l'elemento <input> c'è l'attributo maxlength:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

(a proposito, il tipo è "text", non "textbox" come stanno scrivendo altri), tuttavia, devi usare javascript con <textarea> s. In ogni caso, la lunghezza dovrebbe essere controllata comunque sul server.

puoi impostare maxlength con jquery che è molto veloce

jQuery(document).ready(function($){ //fire on DOM ready
 setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})