HTML Formular

Hallo liebes PC-Welt Forum,

ich habe nun eine Frage zu HTML und zwar ich möchte ein Formular erstellen. Man soll z.B. erst auswählen was man will Pizza oder Calzone und je nach dem Was man will kommt dann das nächste zum Anklicken. Also sowas if you chose Pizza then ....

Ich hab hier mal das:

In dem Fall wenn jemand Pizza anklickt:

Code:

<p>Bitte wählen sie aus was Sie haben wollen:</p>
<input type="radio" name="pizza" value="Pizza"> Pizza<br />
<input type="radio" name="pizza" value="Calzone"> Calzone<br />
<br />
<hr />
<p>Bitte wählen Sie ihren Belag aus:</p>
<input type="checkbox" name="belag" value="Salami"> Salami<br />
<input type="checkbox" name="belag" value="Schinken"> Schinken<br />
<input type="checkbox" name="belag" value="Pepperoni"> Pepperoni<br />
<input type="checkbox" name="belag" value="Ananas"> Ananas<br />

und dann falls jemand Calzone anklickt:

Code:

<p>Bitte wählen sie aus was Sie haben wollen:</p>
<input type="radio" name="pizza" value="Pizza"> Pizza<br />
<input type="radio" name="pizza" value="Calzone"> Calzone<br />
<br />
<hr />
<p>Bitte wählen Sie was in ihrer Calzone drin sein soll:</p>
<input type="checkbox" name="belag" value="Gorgonzola"> Gorgonzola<br />
<input type="checkbox" name="belag" value="Paprika"> Paprika<br />
<input type="checkbox" name="belag" value="Tomaten"> Tomaten<br />
<input type="checkbox" name="belag" value="Pepperoni"> Pepperoni<br />

Hat jemand eine Lösung?

 

Ich würde es mit JavaScript machen.

 

Anders wirds auch nicht gehen. Da auf die Eingabe Clientseitig sofort reagiert werden soll, kommt nur JavaScript in betracht. Allerdings könnte ich dann nie etwas bestellen. Stehe eh nicht auf Pizza

 

Doch es geht anders. Mittels PHP. Das Zauberwort heißt Dynamisch

 

Nicht wirklich, da nach jeder Änderung der Auswahl die Seite neu geladen werden müsste. Zudem muss man das auch noch per zusätzlichen Button auslösen, wenn man auf JavaScript verzichten will - aus Usersicht wohl eher nervig. Im konkreten Beispiel wäre es wohl besser, aus der ersten Auswahl einfache Links zu machen und über diese eine passende Seite zur Pizza zu laden.

 

und wie lautet das dann mit Jacascript

 

PHP:

<p>Bitte wählen sie aus was Sie haben wollen:</p>
<input type="radio" name="pizza" value="Pizza"> Pizza<br />
<input type="radio" name="pizza" value="Calzone" onclick="document.getElementById('#ausblenden').style.visibility='visible'"> Calzone<br />
<br />
<hr />
<div id="#ausblenden" style="visibility:hidden;">
<p>Bitte wählen Sie was in ihrer Calzone drin sein soll:</p>
<input type="checkbox" name="belag" value="Gorgonzola"> Gorgonzola<br />
<input type="checkbox" name="belag" value="Paprika"> Paprika<br />
<input type="checkbox" name="belag" value="Tomaten"> Tomaten<br />
<input type="checkbox" name="belag" value="Pepperoni"> Pepperoni<br />
</div>


Beispiel mit Javascript

 

Hey danke, aber wie ist es dann wenn ich will dass wenn man Pizza anklickt dass dann etwas anderes kommt als wenn ich Calzone anklicke.

Also ich klicke einmal Pizza an dann soll man wählen können ob man Ananas will. Klicke ich auf Calzone dann soll man wählen können ob man Pepperoni will.

Wenn du das machen könntest das wär geil!

 

So wie hier ?

Beispiel:

PHP:

<p>Bitte wählen sie aus was Sie haben wollen:</p>
<input type="radio" name="pizza" value="Pizza" onclick="document.getElementById('#ausblenden1').style.visibility='visible'"> Pizza<br />
<input type="radio" name="pizza" value="Calzone" onclick="document.getElementById('#ausblenden2').style.visibility='visible'"> Calzone<br />
<br />
<hr />
<div id="#ausblenden1" style="visibility:hidden;">
<p>Bitte wählen Sie ihren Belag aus:</p>
<input type="checkbox" name="belag" value="Salami"> Salami<br />
<input type="checkbox" name="belag" value="Schinken"> Schinken<br />
<input type="checkbox" name="belag" value="Pepperoni"> Pepperoni<br />
<input type="checkbox" name="belag" value="Ananas"> Ananas<br />
</div>
<br />
<hr />
<div id="#ausblenden2" style="visibility:hidden;">
<p>Bitte wählen Sie was in ihrer Calzone drin sein soll:</p>
<input type="checkbox" name="belag" value="Gorgonzola"> Gorgonzola<br />
<input type="checkbox" name="belag" value="Paprika"> Paprika<br />
<input type="checkbox" name="belag" value="Tomaten"> Tomaten<br />
<input type="checkbox" name="belag" value="Pepperoni"> Pepperoni<br />
</div>


 

Vielen Dank