Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Raphale" data-source="post: 2256433" data-attributes="member: 594271"><p><strong>AW: Probleme beim ausrichten von Formular</strong></p><p></p><p>So ? (schnell... hingeklatscht keineswegs optimal !!)</p><p></p><p></p><p>Ist aber keineswegs für irgendetwas optimiert...und lässt sich natürlich optisch 1000 mal besser machen.. is ja dein Ding <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /></p><p>CSS lernen macht auf jeden Spaß !! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /> solltest du mal tun</p><p></p><p>[HTML]&lt;!doctype html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;meta charset=&quot;utf-8&quot;&gt;</p><p>&lt;title&gt;Unbenanntes Dokument&lt;/title&gt;</p><p>&lt;style&gt;</p><p>@charset &quot;utf-8&quot;;</p><p>/* CSS Document */</p><p>#formular_container {margin:0;position:relative;width:80%;left:10%;}</p><p>#formular_container form {width:100%;}</p><p>.angaben_spalte_1 {</p><p>&nbsp; &nbsp; position: absolute;</p><p>&nbsp; &nbsp; left: 300px;</p><p>}</p><p>.angaben_spalte_2 {</p><p>&nbsp; &nbsp; position: absolute;</p><p>&nbsp; &nbsp; left: 600px;</p><p>}</p><p>.angaben_spalte_1_select {</p><p>&nbsp; &nbsp; position:relative;</p><p>&nbsp; &nbsp; width:205px;</p><p>&nbsp; &nbsp; left:250px;</p><p>}</p><p>.angaben_spalte_1_select select {width:205px;top:10px;}</p><p>.auswahl_getraenke {}</p><p>input#name,</p><p>input#tel,</p><p>input#email {</p><p>&nbsp; &nbsp; width: 200px;</p><p>&nbsp; &nbsp; margin-left: 50px;</p><p>}</p><p></p><p>.adresse {</p><p>&nbsp; &nbsp; display: block;</p><p>}</p><p></p><p>.adresse&gt;label {</p><p>&nbsp; &nbsp; display: block;</p><p>&nbsp; &nbsp; width: 200px;</p><p>&nbsp; &nbsp; float: left;</p><p>}</p><p></p><p>.adresse&gt;input {</p><p>&nbsp; &nbsp; float: left;</p><p>&nbsp; &nbsp; margin-bottom: 10px;</p><p>&nbsp; &nbsp; width: 200x;&nbsp; &nbsp; </p><p>}</p><p></p><p>.adresse label:nth-child(n+1){</p><p>&nbsp; &nbsp; clear: both;</p><p>}</p><p>.absenden {display:block;clear:both;top:20px;position:relative;}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p>&lt;div id=&quot;formular_container&quot;&gt;</p><p>&lt;form id=&quot;kontakformular&quot; action=&quot;http://www.formular-chef.de/fc.cgi&quot; method=&quot;post&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;input type=&quot;hidden&quot; name=&quot;empfaenger&quot; value=&quot;michael-burwitzX§Xgmx.de&quot;&gt;&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Pizzagr&amp;ouml;&amp;szlig;e:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;klein&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;klein&quot; &gt;klein&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_1&quot;&gt;(20cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_2&quot;&gt;5 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;mittel&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;mittel&quot;&gt;mittel&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_1&quot;&gt;(30cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_2&quot;&gt;7 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;gross&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;gross&quot;&gt;gro&amp;szlig;&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;label class=&quot;angaben_spalte_1&quot;&gt;(40cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_2&quot;&gt;10 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;jumbo&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;jumbo&quot;&gt;jumbo&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_1&quot;&gt;(100cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben_spalte_2&quot;&gt;20 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Wunschsauce:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;ketchup&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;ketchup&quot;&gt;Ketchup&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;kraeuter&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;kraeuter&quot;&gt;Kr&amp;auml;uter&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;schokolade&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;schokolade&quot;&gt;Schokolade&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;knoblauch&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;knoblauch&quot;&gt;Knoblauch&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihr Wunschbelag:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_1&quot;&gt;Auswahl 1&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;angaben_spalte_1_select&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;salami&quot;&gt;Salami&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;kaviar&quot;&gt;Kaviar&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;hackfleisch&quot;&gt;Hackfleisch&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;thunfisch&quot;&gt;Thunfisch&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;hai&quot;&gt;Hai&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;blutwurst&quot;&gt;Blutwurst&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;&lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_2&quot;&gt;Auswahl 2&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;angaben_spalte_1_select&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;gruenkern&quot;&gt;Gr&amp;uuml;nkern&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;spinat&quot;&gt;Spinat&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;salat&quot;&gt;Salat&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_3&quot;&gt;Auswahl 3&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;angaben_spalte_1_select&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;gold&quot;&gt;Gold&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;viel kaese&quot;&gt;Viel K&amp;auml;se&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihr Wunschgetr&amp;auml;nk:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_getraenk&quot;&gt;Bitte Ausw&amp;auml;hlen&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;angaben_spalte_1_select&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot; class=&quot;auswahl_getraenke&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;cola&quot;&gt;Cola&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;sekt&quot;&gt;Sekt&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Lieferadresse:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;name&quot;&gt;Ihr Name:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;name&quot; placeholder=&quot;Vor- und Nachname&quot; autocomplete=&quot;on&quot; required&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;tel&quot;&gt;Ihr Telefonnummer:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;tel&quot; id=&quot;tel&quot; placeholder=&quot;+49 (0) 123 / 45 67 89 10&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;name&quot;&gt;Ihr Wohnort:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;name&quot; placeholder=&quot;Wohnort?&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp;&nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;email&quot;&gt;Ihre E-Mailadresse:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;email&quot; id=&quot;email&quot; placeholder=&quot;max-mustermann@gmx.de&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;absenden&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;submit&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;reset&quot; value=&quot;Abbrechen&quot;&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;/form&gt;</p><p>&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;[/HTML]</p><p><span style="color: Red"><em>Edit:Zum HTML Code zusammengefasst</em></span></p></blockquote><p></p>

[QUOTE="Raphale, post: 2256433, member: 594271"] [b]AW: Probleme beim ausrichten von Formular[/b] So ? (schnell... hingeklatscht keineswegs optimal !!) Ist aber keineswegs für irgendetwas optimiert...und lässt sich natürlich optisch 1000 mal besser machen.. is ja dein Ding ;) CSS lernen macht auf jeden Spaß !! :) solltest du mal tun [HTML]<!doctype html> <html> <head> <meta charset="utf-8"> <title>Unbenanntes Dokument</title> <style> @charset "utf-8"; /* CSS Document */ #formular_container {margin:0;position:relative;width:80%;left:10%;} #formular_container form {width:100%;} .angaben_spalte_1 { position: absolute; left: 300px; } .angaben_spalte_2 { position: absolute; left: 600px; } .angaben_spalte_1_select { position:relative; width:205px; left:250px; } .angaben_spalte_1_select select {width:205px;top:10px;} .auswahl_getraenke {} input#name, input#tel, input#email { width: 200px; margin-left: 50px; } .adresse { display: block; } .adresse>label { display: block; width: 200px; float: left; } .adresse>input { float: left; margin-bottom: 10px; width: 200x; } .adresse label:nth-child(n+1){ clear: both; } .absenden {display:block;clear:both;top:20px;position:relative;} </style> </head> <body> <div id="formular_container"> <form id="kontakformular" action="http://www.formular-chef.de/fc.cgi" method="post"> <input type="hidden" name="empfaenger" value="michael-burwitzX§Xgmx.de"> <h1>Ihre Pizzagröße:</h1> <div> <input name="pizzagroesse" type="radio" value="klein"> <label for="klein" >klein</label> <label class="angaben_spalte_1">(20cm)</label> <label class="angaben_spalte_2">5 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="mittel"> <label for="mittel">mittel</label> <label class="angaben_spalte_1">(30cm)</label> <label class="angaben_spalte_2">7 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="gross"> <label for="gross">groß</label> <label class="angaben_spalte_1">(40cm)</label> <label class="angaben_spalte_2">10 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="jumbo"> <label for="jumbo">jumbo</label> <label class="angaben_spalte_1">(100cm)</label> <label class="angaben_spalte_2">20 Euro</label> </div> <h1>Ihre Wunschsauce:</h1> <div> <input name="wunschsauce" type="radio" value="ketchup"> <label for="ketchup">Ketchup</label> </div> <div> <input name="wunschsauce" type="radio" value="kraeuter"> <label for="kraeuter">Kräuter</label> </div> <div> <input name="wunschsauce" type="radio" value="schokolade"> <label for="schokolade">Schokolade</label> </div> <div> <input name="wunschsauce" type="radio" value="knoblauch"> <label for="knoblauch">Knoblauch</label> </div> <h1>Ihr Wunschbelag:</h1> <div> <label for="auswahl_1">Auswahl 1</label> <div class="angaben_spalte_1_select"> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="salami">Salami</option> <option value="kaviar">Kaviar</option> <option value="hackfleisch">Hackfleisch</option> <option value="thunfisch">Thunfisch</option> <option value="hai">Hai</option> <option value="blutwurst">Blutwurst</option> </select></div> </div> <div> <label for="auswahl_2">Auswahl 2</label> <div class="angaben_spalte_1_select"> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="gruenkern">Grünkern</option> <option value="spinat">Spinat</option> <option value="salat">Salat</option> </select> </div> </div> <div> <label for="auswahl_3">Auswahl 3</label> <div class="angaben_spalte_1_select"> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="gold">Gold</option> <option value="viel kaese">Viel Käse</option> </select> </div> </div> <h1>Ihr Wunschgetränk:</h1> <div> <label for="auswahl_getraenk">Bitte Auswählen</label> <div class="angaben_spalte_1_select"> <select name="Auswahl" class="auswahl_getraenke"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="cola">Cola</option> <option value="sekt">Sekt</option> </select> </div> </div> <h1>Ihre Lieferadresse:</h1> <div class="adresse"> <label for="name">Ihr Name:</label> <input type="text" id="name" placeholder="Vor- und Nachname" autocomplete="on" required> </div> <div class="adresse"> <label for="tel">Ihr Telefonnummer:</label> <input type="tel" id="tel" placeholder="+49 (0) 123 / 45 67 89 10"> </div> <div class="adresse"> <label for="name">Ihr Wohnort:</label> <input type="text" id="name" placeholder="Wohnort?"> </div> <div class="adresse"> <label for="email">Ihre E-Mailadresse:</label> <input type="email" id="email" placeholder="max-mustermann@gmx.de"> </div> <div class="absenden"> <input type="submit"> <input type="reset" value="Abbrechen"> </div> </form> </div> </body> </html>[/HTML] [COLOR="Red"][I]Edit:Zum HTML Code zusammengefasst[/I][/COLOR] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?