html5: Bedeutung des Attributs benotigt in Checkbox / Radio

Auf dem Formular Vorlage, wie könnte man daneben eine checkbox/radiobutton als erforderlich?

Quelle der inspiration: Pekka's Antwort zu einem Frage

InformationsquelleAutor der Frage naveen | 2011-02-04

  1. 7

    Für Checkboxen, der beste Weg ist wohl vor, wählen Sie es und setzen Sie es auf disabled. Nur ein Scherz.

    Gewährleisten ein radio-button in einer Gruppe ausgewählt wurde, starten Sie entweder mit einer Standardeinstellung oder Validierung mit javascript. Es gibt keine HTML-Möglichkeiten, das zu tun, weil jede mögliche Auswahl gültig ist.

    Html5, es gibt eine erforderlich attribute für Checkboxen.

    Sind Sie irgendwie komisch, also lassen Sie mich zitieren, etwas zu erklären, wie Sie arbeiten.

    Für Checkboxen, die erforderlichen attribute sind nur zufrieden, wenn eine oder mehrere der Checkboxen mit name in dieser form überprüft werden.

    Für radio-buttons, die erforderlichen attribute sind nur zufrieden, wenn genau einer der radio buttons, Radiobutton aktiviert ist.

    Natürlich müssen Sie immer überprüfen der server-Seite, weil der Kunde kann immer senden Sie, was er sich wünscht. Nur nutzen diese Methoden für eine bessere Benutzer-Erfahrung.

    InformationsquelleAutor der Antwort The Surrican

  2. 7

    Getestet habe ich erforderlich Attribut für Radio-Buttons, die heute auf Firefox 17.0.1 unter Windows XP SP2.

    Scheint es zu entsprechen mit der Vorgabe des erforderlich Attribut für radio-buttons/- Gruppen. Als Firefox-Aufforderungen "Bitte wählen Sie eine der folgenden Optionen." für die beiden code-snippets unter:

    Entweder Sie legen erforderlich Attribut für jedes der radio-buttons

    <input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />

    Oder Einem der Radio-Elemente

    <input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />

    Kommentare und updates sind willkommen.

    InformationsquelleAutor der Antwort Ronnie Depp

  3. 0

    Ich habe gerade versucht es auf einen radio-button in Firefox 4. Hinzufügen required ein-radio-Eingang, dann Einreichen, bevor eine ausgewählt wird, löst eine "Bitte wählen Sie eine dieser Optionen" tooltip.

    E. g. das funktioniert:

    <input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />

    InformationsquelleAutor der Antwort Ben

Schreibe einen Kommentar