2013-01-16 8 views
5

Mögliche Duplizieren:
Can I apply the required attribute to <select> fields in HTML5?Das Feld <select> erforderlich machen?

Ich bin mit dem html5 Kontaktformular aus here aber ich habe Probleme versuchen, das <select> Feld erforderlich zu machen. Alles andere funktioniert gut, nur Probleme damit und der Entwickler hat nicht geantwortet, als ich nach dem Feld gefragt habe. Dies ist, was ich habe

<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> 

Was fehlt mir, um dies richtig funktioniert zu bekommen?

+0

Es ist einfach, mit Javascript –

+0

Welche Browser verwenden Sie? – Luka

+0

Sie verwenden JS nicht? –

Antwort

15

Ich glaube, dass die beste Antwort auf this question ist, was Sie suchen. Um zu zitieren,

Dies funktioniert für mich - Haben Sie den ersten Wert leer - erforderlich funktioniert auf leere Werte.

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

0

Wenn Sie einen besseren Browser haben, können Sie versuchen, diese (wie in this Gewinde):

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

, aber immer noch sollten Sie JavaScript verwenden, da nicht viele Leute haben Browser, die HTML5 required Attribut unterstützen. Es wird nicht von IE und Safari unterstützt.

+0

Wenn du 'aria-required =" true "' legst, wird es auf Safari funktionieren, Neben webside muss auf der Server-Seite nachsehen, ob dieses Feld gesetzt wurde, also ist es nur eine Frage von Geschmack, um es in JS zu überprüfen. Persönlich denke ich, dass Benutzer, die ie verwenden, sich selbst beschuldigen sollten :) – bumerang

0

Check this: http://www.w3.org/TR/html-markup/select.html

globale Attribute Alle global zulässigen Attribute.

  1. name = string

    Der Namensteil des Name/Wert-Paar mit diesem Element zugeordnet ist, zum Zwecke der Formulareinreichung.

  2. disabled = "disabled" oder "" (leere Zeichenkette) oder leer

    Gibt an, dass das Element eine deaktivierte Steuerelement darstellt.

  3. form = ID Referenz NEW

    Der Wert des id-Attributs auf dem Formular mit dem das Element zu verbinden.

  4. size = positive ganze Zahl

    Die Anzahl der Optionen für den Benutzer anzuzeigen.

  5. multiple = „mehrfach“ oder „“ (leere Zeichenkette) oder leer

    Falls vorhanden, gibt an, dass sein Auswahlelement zur Auswahl von null oder mehr Optionen aus einer Liste von Optionen ein Steuerelement darstellt. Wenn nicht vorhanden, zeigt an, dass das select-Element ein Steuerelement zum Auswählen einer einzelnen Option aus einer Optionsliste darstellt.

  6. Autofokus = „Autofokus“ oder „“ (leere Zeichenkette) oder leer

    Gibt an, dass das Element ein Steuerelement darstellt, an dem ein UA gemeint Fokus so schnell zu geben, wie das Dokument geladen wird.

  7. required = "required" or "" (leere Zeichenkette) oder leer

    Gibt an, dass das Element ein erforderlicher Teil des Formulareinreichung ist.

so benötigen Sie ein required = "required" Attribut zu Ihrem <select>

Verwandte Themen