html - tener - longitud title seo

Límite de caracteres en HTML

Question

¿Cómo se impone un límite de caracteres en una entrada de texto en HTML?

Answer 1

Además de lo anterior, me gustaría señalar que la validación del lado del cliente (código HTML, javascript, etc.) nunca es suficiente. También verifique la longitud del lado del servidor, o simplemente no compruebe nada (si no es tan importante que las personas puedan sortearlo, entonces no es lo suficientemente importante como para garantizar realmente ningún paso para evitar eso).

Además, compañeros, él (o ella) dijo HTML, no XHTML. ;)

Answer 2

Hay 2 soluciones principales:

El HTML puro:

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

El de JavaScript (adjúntelo a un Evento onKey):

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

Pero de todos modos, no hay una buena solución. No puede adaptarse a la mala implementación HTML de cada cliente, es una lucha imposible de ganar. Es por eso que es mucho mejor comprobarlo en el lado del servidor, con un script PHP / Python / lo que sea.

Answer 3

Para el elemento <input> está el atributo maxlength:

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

(por cierto, el tipo es "texto", no "cuadro de texto" como otros escriben), sin embargo, debe usar javascript con <textarea> s. De cualquier manera, la longitud debe verificarse en el servidor de todos modos.

Answer 4

hay un atributo maxlength

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

Answer 5

puedes establecer maxlength con jquery, que es muy rápido

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

Answer 6

use el atributo "maxlength" como otros han dicho.

si necesita poner una longitud máxima de caracteres en un AREA de texto, necesita activar Javascript. Eche un vistazo aquí: Cómo imponer maxlength en textArea en HTML usando JavaScript