max: attributo HTML

L'attributo max definisce il valore massimo accettabile e valido per l'input contenente l'attributo. Se il valore di value dell'elemento è maggiore di questo, l'elemento non supera la convalida del vincolo . Questo valore deve essere maggiore o uguale al valore dell'attributo min. Se l' attributo max è presente per non è specificato o non è valido, non maxviene applicato alcun valore. Se l' attributo max è valido e un valore non vuoto è maggiore del massimo consentito dall'attributo max, la convalida del vincolo impedirà l'invio del modulo.

Valido per i tipi di input numerici, inclusi i tipi <input type="date"> , <input type="month"> , <input type="week"> , <input type="time"> , <input type="datetime-local"> , <input type="number"> e <input type="range"> e sia gli elementi <progress> e <meter>, l' attributo max è un numero che specifica il valore più positivo che un controllo del modulo deve essere considerato valido

Sintassi

Sintassi di max per gli elementi <input>

Tipo di ingresso Sintassi Esempio
date yyyy-mm-dd <input type="date" max="2019-12-25" step="1">
month yyyy-mm <input type="month" max="2019-12" step="12">
week yyyy-W## <input type="week" max="2019-W23" step="">
time hh:mm <input type="time" max="17:00" step="900">
datetime-local yyyy-mm-ddThh:mm <input type="datetime-local" max="2019-12-25T23:59">
number <number> <input type="number" min="0" step="5" max="100">
range <number> <input type="range" min="60" step="5" max="100">

Per l'elemento <progress>, l'attributo max descrive quanto lavoro progress richiede l'attività indicata dall'elemento. Se presente, deve avere un valore maggiore di zero ed essere un numero in virgola mobile valido. Per l'elemento <meter>, l' attributo max definisce il limite numerico superiore dell'intervallo misurato. Deve essere maggiore del valore minimo ( attributo min ), se specificato. In entrambi i casi, se omesso, il valore predefinito è 1.

Sintassi di max per altri elementi

Tipo di ingresso Sintassi Esempio
<progress> <number> <progress id="file" max="100" value="70">70%</progress>
<meter> <number> <meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40">40/100</meter>

Problemi di accessibilità

Fornire istruzioni per aiutare gli utenti a comprendere come completare il modulo e utilizzare i controlli dei singoli moduli. Indicare eventuali input obbligatori e facoltativi, formati dei dati e altre informazioni pertinenti. Quando si utilizza l'attributo max, assicurarsi che questo requisito massimo sia compreso dall'utente. Fornire istruzioni all'interno del <label> può essere sufficiente. Se si forniscono istruzioni al di fuori delle etichette, che consentono un posizionamento e un design più flessibili, considerare l'utilizzo di aria-labelledby o aria-describedby.

Liste utili