Movatterモバイル変換


[0]ホーム

URL:


  1. Tecnología web para desarrolladores
  2. HTML: Lenguaje de etiquetas de hipertexto
  3. Referencia HTML
  4. Referencia de Atributos HTML
  5. HTML el atributo: min

Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.

View in EnglishAlways switch to English

HTML el atributo: min

El atributomin define el valor mínimo que es aceptable y válido para el<input> que contiene el atributo. Si elvalue del elemento es menor que esto, el elemento falla larestricción de validación. Este valor debe ser menor o igual que el valor del atributomax. Si se especifica un valor paramin que no es un número válido, la entrada no tiene un valor mínimo.

Válido para los tipos de entrada numérica, incluidos los tiposdate,month,week,time,datetime-local,number yrange, y el elemento<meter>, el atributomin es un número que especifica el valor mínimo de un control de formulario para ser considerado válido.

Sintaxis

Siany no se establece explícitamente, los valores válidos para elnúmero, los tipos de entrada de fecha/hora y los tipos de entrada derange son iguales a la base de paso a paso: el valormin y los incrementos del valor del paso, hasta el valormax, si se especifica. Por ejemplo, si tienes<input type="number" min="10" step="2">, cualquier entero par, 10 o mayor, es válido. Si se omite,<input type="number">, cualquier número entero es válido, pero los flotantes, como 4.2, no son válidos, ya que elstep predeterminado es 1. Para que 4.2 sea válido,step se debería haber configurado enany, 0.1, 0.2, o cualquiera, el valor mínimo tendría que ser un número terminado en 0.2 , como<input type="number" min="-5.2">

Tipo delinputEjemploEjemplo
dateyyyy-mm-dd<input type="date" min="2019-12-25" step="1">
monthyyyy-mm<input type="month" min="2019-12" step="12">
weekyyyy-W##<input type="week" min="2019-W23" step="">
timehh:mm<input type="time" min="09:00" step="900">
datetime-localyyyy-mm-ddThh:mm<input type="datetime-local" min="2019-12-25T19:30">
numbernumber<input type="number" min="0" step="5" max="100">
rangenumber<input type="range" min="60" step="5" max="100">

Nota:Cuando los datos ingresados por el usuario no se adhieren al valor mínimo establecido, el valor se considera inválido en la restricción de validación y coincidirá con la pseudoclase:invalid

ConsultaValidación del lado del cliente yrangeUnderflow para más información.

Para el elemento<meter>, el atributomin define el límite numérico inferior del rango medido. Debe ser menor que el valor mínimo (atributomax, si se especifica. En ambos casos, si se omite, el valor predeterminado es 1.

Tipo delinputSintaxisEjemplo
<meter>number<meter min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>

Impacto enstep

Los valores demin ystep definen cuáles son los valores válidos, incluso si el atributostep no está incluido, como elstep predeterminado de0.

Agrega un gran borde rojo alrededor de los<input>s no válidos:

css
input:invalid {  border: solid red 3px;}

Luego define un<input> con un valor mínimo de 7.2, omitiendo el atributostep, en donde el valor predeterminado es 1.

html
<input name="myNumber" type="number" min="7.2" value="8" />

Dado questep tiene el valor predeterminado de 1, los valores válidos incluyen7.2,8.2,9.2 y así sucesivamente. El valor 8 no es válido. Dado que incluye un valor no válido, los navegadores compatibles mostrarán el valor como no válido.

Si no se incluye explícitamente,step tiene como valor predeterminado 1 paranúmero yrange, y 1 tipo de unidad (segundo, semana, mes, día) para los<input>s de tipo fecha/hora.

Compatibilidad del navegador

html.elements.input.min

html.elements.meter.min

Especificaciones

Specification
HTML
# attr-input-min
HTML
# attr-meter-max

Problemas de accesibilidad

Proporciona instrucciones para ayudar a los usuarios a comprender cómo completar el formulario y utilizar controles de formulario individuales. Indica cualquier entrada requerida y opcional, formatos de datos y otra información relevante. Cuando utilices el atributomin, asegúrate de que el usuario comprenda este requisito mínimo. Posiblemente sea suficiente proporcionar instrucciones dentro de un<label>. Si proporcionas instrucciones fuera de las etiquetas, lo cual permite un posicionamiento y un diseño más flexibles, considera usararia-labelledby oaria-describedby.

Ve también

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp