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.