Buttons

Radiobuttons

Welchen Prozessor haben Sie?
<form action="buttons.html">
<input type="radio" name="processor" value="Pentium 2"> Pentium 2<br>
<input type="radio" name="processor" value="Pentium 3"> Pentium 3<br>
<input type="radio" name="processor" value="Pentium 4"> Pentium 4<br>
<input type="radio" name="processor" value="AMD"> AMD<br>
<input type="radio" name="processor" value="Celeron"> Celeron<br>
</form>

Ergebnis:

Welchen Prozessor haben Sie?
Pentium 2
Pentium 3
Pentium 4
AMD
Celeron

Checkboxen

<form action="checkbox.html">
Welche Hardware haben Sie in Ihrem Computer?<br>
<input type="checkbox" name="hardware" value="festplatte"> Festplatte<br>
<input type="checkbox" name="hardware" value="cd"> CD-Laufwerk<br>
<input type="checkbox" name="hardware" value="dvd"> DVD<br>
<input type="checkbox" name="hardware" value="sounkarte"> Soundkarte<br>
<input type="checkbox" name="hardware" value="printer"> Drucker<br>
<input type="checkbox" name="hardware" value="scanner"> Scanner<br>
</form>

Ergebnis:

Welche Hardware haben Sie in Ihrem Computer?
Festplatte
CD-Laufwerk
DVD
Soundkarte
Drucker
Scanner

Clickbuttons

Bei Clickbuttons wird durch Anklicken des entsprechenden Buttons eine Aktion ausgelöst. Das kann ein JavaScript sein oder auch eine URL-Adresse.


<form action="input_button.htm">
<br>
<input type="button" name="Verweis" value="Grafik"
onClick="self.location.href='../grafik.htm'">

<input type="button" name="funktion" value="Start" onClick="alert ('Hiermit wird eine Funktion gestartet')">
</form>

Das sieht dann so aus:



Zurück Start Weiter Home Übungen Beispiele