Was sind HTML-Optionsfelder?
In einem HTML-Dokument (HyperText Markup Language) sind Optionsfelder eine Art visuelles Element, das von einem Benutzer ausgewählt werden kann. HTML-Optionsfelder sind einzigartig, da sie dem Benutzer mehrere Optionen bieten, aber nur die Auswahl einer der angegebenen Optionen gleichzeitig ermöglichen. Eine der häufigsten Verwendungsmöglichkeiten von HTML-Optionsfeldern besteht darin, eine Auswahl innerhalb von Benutzereingabeformularen zu erfassen. Sie können jedoch auch ihre Auswahl- und Abwahlereignisse durch Skripte oder andere Programme abfangen lassen, sodass sie als Sofortauswahl für andere Elemente fungieren können eine Internetseite. Durch die Verwendung von Cascading Style Sheets (CSS) und JavaScript® können HTML-Optionsfelder benutzerdefinierte Bilder zur Anzeige verwenden und deren Standarddarstellung überschreiben. Beispiele für Situationen, in denen HTML-Optionsfelder verwendet werden könnten, sind die Auswahl eines Geschlechts, das nur einen Wert aus zwei verschiedenen Optionen haben kann, oder die Auswahl einer einzelnen Versandadresse, wenn mehrere Adressen aufgelistet sind.
In einigen Aspekten ähneln HTML-Optionsfelder HTML-Kontrollkästchen. Jeder Schaltfläche ist eine Bild- oder Textbezeichnung zugeordnet, die dort angezeigt wird, wo sich die Schaltfläche in einem Layout befindet. Neben dieser Beschriftung befindet sich ein Kreis, der leer ist, wenn das Optionsfeld nicht ausgewählt ist, und in dem sich ein Punkt oder ein anderes Füllmuster befindet, wenn es ausgewählt ist. Ein Benutzer kann auf den Kreis klicken, um ihn auszuwählen. Das Besondere an HTML-Optionsfeldern ist, dass bei Auswahl einer Schaltfläche alle anderen Schaltflächen in derselben Gruppe deaktiviert werden, sodass jeweils nur ein Element ausgewählt werden kann. Dies unterscheidet sich von Kontrollkästchen, die ähnlich sind, jedoch die Auswahl einer beliebigen Anzahl von Optionen gleichzeitig ermöglichen.
In den Eigenschaften von HTML-Optionsfeldern gibt es zwei Werte, die für ihre Verwendung wichtig sind. Das erste ist das Namensfeld, das die Gruppe angibt, zu der ein Optionsfeld in einem HTML-Dokument gehört, und das zweite ist das Wertfeld. Wenn eine Schaltfläche ausgewählt ist, werden alle anderen Optionsfelder mit demselben Namen, die auch als Gruppe bezeichnet werden, deaktiviert. Durch die Verwendung unterschiedlicher Gruppennamen können verschiedene Optionsfelder im selben Dokument vorhanden sein. Das Wertetikett ist der tatsächliche Rückgabewert für das Optionsfeld, wenn es ausgewählt und zur Verarbeitung an ein Skript oder Programm übergeben wird.
Die visuelle Anzeige von HTML-Optionsfeldern kann auf verschiedene Arten geändert werden. Durch die Verwendung von Standard-HTML- und CSS-Ausrichtungswerten können die Schaltflächen in einem Dokument dynamisch angeordnet werden, ähnlich wie ein Bild ausgerichtet wird. Das Erscheinungsbild der Schaltflächen, insbesondere des Kreises und der ausgewählten Kreisbilder, kann vollständig angepasst und durch benutzerdefinierte Bilder ersetzt werden, indem das Document Object Model (DOM) mit CSS und JavaScript® bearbeitet wird. Die Browserunterstützung ist jedoch nicht immer in einer Anwendung konsistent zum anderen.