| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/es/docs/Web/HTML/Reference/Attributes/minlength | [Back] [Original] |
Get to know MDN better
Esta pgina ha sido traducida del ingls por la comunidad. Aprende ms y nete a la comunidad de MDN Web Docs.
El atributo minlength define el nmero mnimo de caracteres (como unidades de cdigo UTF-16) que el usuario puede ingresar en un <input> o <textarea>. Debe ser un valor entero 0 o superior. Si no se especifica una longitud mnima o se especifica un nmero no vlido, el <input> no tiene una longitud mnima. Este valor debe ser menor o igual que el valor de maxlength; de lo contrario, el valor nunca ser vlido, puesto que es imposible cumplir con ambos criterios.
El <input> fallar la restriccin de validacin si la longitud del valor de texto del campo es menor que la longitud mnima de unidades de cdigo UTF-16, con validityState.tooShort devolviendo true. La validacin de la restriccin solo se aplica cuando el usuario cambia el valor. Una vez que el envo falla, algunos navegadores mostrarn un mensaje de error que indica la longitud mnima requerida y la longitud actual.
Al agregar minlength="5", el valor debe estar vaco o tener cinco caracteres o ms para ser vlido.
<label for="fruit"
>Ingresa un nombre de fruta que tenga al menos 5 letras</label
>
<input type="text" minlength="5" id="fruit" />
Podemos usar pseudoclases para estilizar el elemento en funcin de si el valor es vlido. El valor ser vlido siempre que sea null (vaco) o tenga cinco o ms caracteres. Lima no es vlido, limn es vlido.
input {
border: 2px solid currentcolor;
}
input:invalid {
border: 2px dashed red;
}
input:invalid:focus {
background-image: linear-gradient(pink, lightgreen);
}
| Specification |
|---|
| HTML # attr-input-minlength |
| HTML # attr-textarea-minlength |
This page was last modified on 11 abr 2025 by MDN contributors.
<a><abbr>acronym<address><area><article>asideAudiob<base><bdi>bdobigblockquote<body><br>buttoncanvascaption<center>citecodecolcolgroup<data>datalistdddel<details>dfn<dialog>dir<div>dldtemembed<fencedframe>fieldset<figcaption>figurefontfooterformframeframeset<geolocation>Elementos ttulosheadheaderhgroup<hr><html>i<iframe><img><input>inskbd<label>legendli<link><main>map<mark><marquee><menu>meta<meter><nav><nobr><noembed>noframesnoscript<object>ol<optgroup><option><output>p<param><picture><plaintext><pre><progress><q><rb><rp><rt><rtc><ruby>ssamp<script><search><section><select><selectedcontent><slot>small<source>spanstrikestrongstylesub<summary>suptabla<tbody><td><template><textarea><tfoot><th><thead>time<title><tr><track>ttuulvarvideo<wbr><xmp>accesskeyanchorautocapitalizacinautocorrectautofocusclasscontenteditabledata-*dirdraggableenterkeyhintexportpartsheadingoffsetheadingresethiddenidinertinputmodeisitemiditempropitemrefitemscopeitemtypelangnoncepartpopoverslotspellcheckstyletabindextitletranslatevirtualkeyboardpolicywritingsuggestions<input type><input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="text"><input type="time"><input type="url"><input type="week"><script type>Your blueprint for a better internet.
Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.
| Web Proxy Viewer | New URL | Original Page |