H I O X INDIA
Kostenlose HTML - Tutorial
 HOME  ||  HTML ||  Javascript ||  CSS ||  SEO ||  MySQL  english  Français  中文  Español

HTML Grundlagen
Einleitung
Wie Zu
Tags Liste
html, head, body
Text Manipulation
Bilder
Special Effects
Verwertung Tabellen
Forms
Weitere Themen
Subscript & Superscript
Phrase tag
Bullet Stile
Feedback

HTML Radio Button Tag


Inhalt

Code um ein radio button in html zu erstellen?
Wie kann ich ein vorgewähltes radio button (angehackt)erstellen?
Wie kann ich ein radio button deaktivieren(nicht angehackt)?



Erklärung

Radio Button

Example Code:
<form name=myform>
<input type="radio" name=myradio value="1">one
<input type="radio" name=myradio value="2">two
<input type="radio" name=myradio value="3">three
</form>


Result:
one two three

Definition:
Hier definieren wir ein radio button mit dem "input" Tag. Wir geben das Attribut "TYPE=RADIO" in den Tag ein, das definiert den Typ als ein radio button. Der Attributname sollte definiert werden und dasselbe sein. Der Wert in diesem fall wird nur während der Bearbeitung verwendet.

Anmerkung: Alle ähnliche Eingaben sollten denselben Namen haben. Dieser Name gruppiert sie. Wenn Sie unterschiedliche Namen für jedes Radio Button haben, dann wird jedes Button unabhängig von den anderen funktionieren.

Beispiel Code:
<form name=myform>
<input type="radio" name=myradio1 value="1">one
<input type="radio" name=myradio2 value="2">two
<input type="radio" name=myradio3 value="3">three
</form>


Result:
one two three

Vorgewähltes RadioButton
Wenn wir möchten dass das Radio Button schon vorgewählt angezeigt wird, bevor der User versucht, eins zu wählen, sollten wir die Eingabe "checked" verwenden.

Beispiel Code:
<form name=myform>
<input type="radio" name=myradio value="1" >one
<input type="radio" name=myradio value="2" checked>two
<input type="radio" name=myradio value="3" >three
</form>


Ergebnis:
one two three

Nicht-editierbares / Nicht vorwählbares Radio Button
Wir können eine radio button nicht vorwählbar machen(deaktivieren) mit dem Wert "disabled"

Beispiel Code:
<form name=myform>
<input type="radio" name=myradio value="1" disabled>one
<input type="radio" name=myradio value="2" checked disabled>two
<input type="radio" name=myradio value="3" disabled>three
</form>


Ergebnis:
one two three




privacy policy     license     sitemap
© 2004-2009 HIOX INDIA - hioxindia.com

Weitere Links