“ im Eingabeelement festlegen. Eine Optionsschaltfläche stellt eine aus einer Reihe sich gegenseitig ausschließender Optionsschaltflächen dar. Wenn eine Schaltfläche ausgewählt wird, wird die Auswahl der zuvor ausgewählten Schaltfläche aufgehoben."/> “ im Eingabeelement festlegen. Eine Optionsschaltfläche stellt eine aus einer Reihe sich gegenseitig ausschließender Optionsschaltflächen dar. Wenn eine Schaltfläche ausgewählt wird, wird die Auswahl der zuvor ausgewählten Schaltfläche aufgehoben.">

Heim  >  Artikel  >  Web-Frontend  >  So treffen Sie die Radioauswahl in CSS

So treffen Sie die Radioauswahl in CSS

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-07-26 14:07:355133Durchsuche

In CSS können Sie das Radioobjekt verwenden, um eine Radioauswahl zu erstellen. Sie müssen nur den Stil „“ im Eingabeelement festlegen. Eine Optionsschaltfläche stellt eine aus einer Reihe sich gegenseitig ausschließender Optionsschaltflächen dar. Wenn eine Schaltfläche ausgewählt wird, wird die Auswahl der zuvor ausgewählten Schaltfläche aufgehoben.

So treffen Sie die Radioauswahl in CSS

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

1. Syntax der Optionsfeldsteuerung

<input name="Fruit" type="radio" value="" />

Verwenden Sie das HTML-Eingabe-Tag, der Name ist angepasst, der Typ ist „Radio“-Formular,

Radio-Objekt stellt das Optionsfeld im HTML-Formular dar.

Jedes Mal, wenn in einem HTML-Formular erscheint, wird ein Radio-Objekt erstellt.

Ein Optionsfeld stellt eines aus einer Reihe sich gegenseitig ausschließender Optionsfelder dar. Wenn eine Schaltfläche ausgewählt wird, wird die Auswahl der zuvor ausgewählten Schaltfläche aufgehoben.

Wenn das Optionsfeld ausgewählt oder nicht ausgewählt ist, löst die Schaltfläche den Onclick-Ereignishandler aus.

Sie können auf das Radio-Objekt zugreifen, indem Sie das Elements[]-Array des Formulars durchlaufen oder document.getElementById() verwenden.

2. Beispiel für die Radio-Radio-Button-Syntax

HTML-Code

nbsp;html>

  
    <meta>
    <meta>
    <meta>
    <title>Document</title>
  
  
    
      您最喜欢水果?

                                       
  

Screenshot

So treffen Sie die Radioauswahl in CSS

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo treffen Sie die Radioauswahl in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn