2013-01-16 17 views
5

Eventuali duplicati:
Can I apply the required attribute to <select> fields in HTML5?Creare il campo <select> Obbligatorio?

sto usando il modulo di contatto html5 da here ma sto avendo problemi cercando di rendere il campo <select> richiesto. Tutto il resto funziona bene, solo avendo problemi con questo e il dev non ha risposto quando ho chiesto del campo. questo è quello che ho

<select name="package" id="package" title="Please choose a package" class="required"> 
    <option value="">------------------</option> 
    <option value="basic">Basic</option> 
    <option value="plus">Plus</option> 
    <option value="premium">Premium</option> 
</select> 

Cosa mi manca per funzionare correttamente?

+0

È facile con javascript –

+0

Quale browser stai usando? – Luka

+0

Non stai usando JS? –

risposta

15

Credo che la risposta migliore a this question sia ciò che stai cercando. Per quotare,

Questo funziona per me - Il primo valore è vuoto - i lavori richiesti sono vuoti.

<select required> <option value="">Please select</option> <option value="one">One</option> </select>

0

Se si dispone di un browser migliore, si può provare questo (come in this discussione):

<select required> 
    <option value=""></option> 
    <option value="basic">Basic</option> 
    <option value="plus">Plus</option> 
    <option value="premium">Premium</option> 
</select> 

, ma ancora è necessario utilizzare JavaScript perché non un sacco di persone hanno browser che supportano l'attributo HTML5 required. Non è supportato da IE e Safari.

+0

Se metterai 'aria-required =" true "' funzionerà su Safari, Accanto al web lato devi controllare sul lato server se quel campo è stato impostato quindi è solo un mater di gusto di controllarlo in JS. Personalmente penso che gli utenti che utilizzano ie dovrebbero incolpare se stessi :) – bumerang

0

controllo questo: http://www.w3.org/TR/html-markup/select.html

attributi globali eventuali attributi consentiti a livello globale.

  1. name = stringa

    La parte del nome della coppia nome/valore associato a questo elemento ai fini del modulo di invio.

  2. disabilitato = "disabilitata" o "" (stringa vuota) o vuoto

    Specifica che l'elemento rappresenta un controllo disattivato.

  3. forma = riferimento identificativo NEW

    Il valore dell'attributo id sul modulo a cui associare all'elemento.

  4. size = numero intero positivo

    Il numero di opzioni per mostrare all'utente.

  5. multiplo = "multiplo" o "" (stringa vuota) o vuoto

    Se presente, indica che l'elemento di selezione rappresenta un controllo per selezionare zero o più opzioni da un elenco di opzioni. Se non presente, indica che il relativo elemento di selezione rappresenta un controllo per la selezione di una singola opzione da un elenco di opzioni.

  6. autofocus = "autofocus" o "" (stringa vuota) o vuoto

    Specifica che l'elemento rappresenta un controllo a cui un UA è pensato per dare fuoco non appena il documento è caricato.

  7. required = "required" or "" (stringa vuota) o vuoto

    Specifica che l'elemento è una parte necessaria modulo di presentazione.

in modo da richiedono un attributo required = "required" al <select>

Problemi correlati