So erstellen Sie Radio-Buttons für Ihre HTML5 und CSS3-basierte Web-Seiten

Radio-Buttons sind für HTML5 und CSS3 Webseiten verwendet, wenn der Benutzer aus einer Gruppe nur eine Option lassen wollen wählen. Sie können ein Beispiel für eine Radiobutton-Gruppe in Aktion zu sehen.

Radio-Buttons, könnten ähnliche scheinen Boxen zu überprüfen, aber sie haben einige wichtige Unterschiede:

  • Es kann nur eine zu einem Zeitpunkt überprüft werden. Der Begriff Radio knopf Autoradios kamen aus den alten Stil. Wenn Sie die Taste für eine Station geschoben, alle anderen Tasten herausgesprungen.


  • Sie haben in einer Gruppe sein. Radio-Buttons machen nur Sinn in einem Gruppenkontext. Der Punkt eines Radiobutton ist mit seiner Gruppe zu interagieren.

    bild0.jpg
  • Sie alle haben den gleichen Namen! Jeder Optionsfeld hat seine eigene ID (wie auch andere Eingabeelemente), aber sie haben auch ein Attribut. Das Attribut gibt die Gruppe ein Radio-Button ist in.

  • Sie können auf einer Seite mehr als eine Gruppe haben. Verwenden Sie einfach ein anderes Attribut für jede Gruppe.

  • Einer von ihnen hat, ausgewählt werden. Die Gruppe sollte immer einen Wert haben und nur einen. Einige Browser überprüfen das erste Element in einer Gruppe standardmäßig, aber nur für den Fall, sollten Sie wählen Sie das Element ausgewählt werden soll. Fügen Sie das Attribut auf das Element, das Sie ausgewählt werden sollen, wenn die Seite angezeigt wird. In diesem Beispiel wurde die teuerste Option vorausgewählt, die alle im Namen suggestive verkaufen.

Hier einige Code, der alles erklärt:

radioButtons.html 
» » » » So erstellen Sie Radio-Buttons für Ihre HTML5 und CSS3-basierte Web-Seiten