checkboxen speichern / auslesen – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self checkboxen speichern / auslesen Sat, 21 Nov 20 10:46:10 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778215#m1778215 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778215#m1778215 <p>Hallo, ich habe eine kleine Website für einen Freund geschrieben, er soll auf dieser Website verschiedene Checkboxen/Radios auswählen. Ist es irgendwie möglich diese Auswahl zu speichern und auszulesen? Ich kenne mich in richtung Java Script etc. überhaut nicht aus, kann mir jemand schnell helfen? vielen Dank im vorraus! Ps: hier mein aktueller, platzhaltender Code:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span> website kim <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span> Alles gute zum Geburtstag! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span> Hallo Kim, wir möchten dir alles gute zum Geburtstag wünschen. <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> Wir möchten dich zu uns, zum Essen einladen. Auf dieser Website kannst du alles genau planen.<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> Viele Grüße. <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h3</span><span class="token punctuation">></span></span> kreuze das gewünschte Essen an! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h3</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pizza<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Pizza <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Nudeln<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Nudeln <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Döner<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Döner <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h3</span><span class="token punctuation">></span></span> Wen möchtest du miitbringen? <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h3</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Gäste<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Kim<span class="token punctuation">"</span></span> <span class="token attr-name">Gäste</span><span class="token punctuation">></span></span> Kim <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>gäste<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Claudia<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Claudia <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>gäste<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Carla<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Carla <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>gäste<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Lotta<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Lotta <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> checkboxen speichern / auslesen Sat, 21 Nov 20 13:08:25 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778218#m1778218 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778218#m1778218 <p>Liebe(r) Jelto,</p> <blockquote> <p>verschiedene Checkboxen/Radios auswählen. Ist es irgendwie möglich diese Auswahl zu speichern und auszulesen?</p> </blockquote> <p>mit reinen HTML-Mitteln geht das nicht.</p> <blockquote> <p>Ich kenne mich in richtung Java Script etc. überhaut nicht aus,</p> </blockquote> <p>Das wäre aber notwendig, weil mit HTML nicht programmiert werden kann, um eine entsprechende Datenhaltung umzusetzen.</p> <blockquote> <p>kann mir jemand schnell helfen?</p> </blockquote> <p>"Schnell" helfen? Wie sollte so eine Hilfe denn aussehen? Was genau stellst Du Dir denn da vor?</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> checkboxen speichern / auslesen Sat, 21 Nov 20 13:17:34 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778219#m1778219 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778219#m1778219 <p>Hallo,</p> <p>eins vorweg: Wenn du Beispielcode postest, markiere ihn bitte auch als Code (markieren und auf das <strong></></strong> oberhalb des Posting-Felds klicken). Dann wird er auch sauber formatiert.<br> Ich habe das mal nachgeholt.</p> <blockquote> <p>ich habe eine kleine Website für einen Freund geschrieben, er soll auf dieser Website verschiedene Checkboxen/Radios auswählen. Ist es irgendwie möglich diese Auswahl zu speichern und auszulesen?</p> </blockquote> <p>Wo speichern und wo wieder auslesen?<br> Sollen die Eingaben gespeichert und beim nächsten Aufruf der Seite wiederhergestellt werden? - Ja, das wäre mit Javascript möglich.<br> Oder willst du das ausgefüllte Formular irgendwie verarbeiten? Deine weitere Beschreibung klingt danach - Das geht aber nur, indem <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare" rel="nofollow noopener noreferrer">das Formular an einen Server gesendet</a> und dort mit einem Script (meistens PHP) ausgewertet wird. Zum Beispiel die Werte in eine Datenbank geschrieben oder per e-Mail an eine bestimmte Adresse verschickt.</p> <blockquote> <p>Ich kenne mich in richtung Java Script etc. überhaut nicht aus</p> </blockquote> <p>Mit HTML anscheinend auch nicht. Dein HTML-Code, den du als Beispiel gezeigt hast, ist grob fehlerhaft.</p> <blockquote> <p>kann mir jemand schnell helfen?</p> </blockquote> <p>Unser SELF-Verständnis ist hier Hilfe zur Selbsthilfe. Will heißen: Unterstützung bekommst du gern, aber <em>du</em> musst die Initiative ergreifen.</p> <blockquote> <p>vielen Dank im vorraus!</p> </blockquote> <p>Gab's die 'r' im Doppelpack billigerr?</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Versuchungen sollte man nachgeben. Wer weiß, ob sie wiederkommen. </div> checkboxen speichern / auslesen Sat, 21 Nov 20 14:22:57 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778220#m1778220 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778220#m1778220 <p>Hi,</p> <blockquote> <p>"Schnell" helfen? Wie sollte so eine Hilfe denn aussehen? Was genau stellst Du Dir denn da vor?</p> </blockquote> <p>Ganz einfach: wir sollen die Hausaufgaben für Jelto erledigen.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> checkboxen speichern / auslesen Sat, 21 Nov 20 21:42:16 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778235#m1778235 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778235#m1778235 <p>@@Der Martin</p> <blockquote> <p>Mit HTML anscheinend auch nicht. Dein HTML-Code, den du als Beispiel gezeigt hast, ist grob fehlerhaft.</p> </blockquote> <p>Neben den deplazierten <code>body</code>-Tags ist auch das falsch:</p> <pre><code class="block bad language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h3</span><span class="token punctuation">></span></span> kreuze das gewünschte Essen an! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h3</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pizza<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Pizza <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> </code></pre> <p>Mal davon abgesehen, dass nach <code>h1</code> in der Hierarchie <code>h2</code> kommen muss und nicht <code>h3</code>, gehört der Titel des <code>fieldset</code>s in dieses hinein – und zwar als <code>legend</code>:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span> kreuze das gewünschte Essen an! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pizza<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Pizza <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> </code></pre> <p>oder</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span> kreuze das gewünschte Essen an! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hauptspeise<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pizza<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Pizza <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> </code></pre> <p>Wobei „kreuze an!“ überflüssig ist – Es ist ja bei Checkboxen klar, dass man das tun soll.</p> <p>Der Titel lautet besser: „gewünschtes Essen“.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> checkboxen speichern / auslesen Sat, 21 Nov 20 16:52:14 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778224#m1778224 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778224#m1778224 <p>Hallo MudGuard,</p> <blockquote> <p>Hausaufgaben</p> </blockquote> <p>Nein, ich denke nicht. Das ist ähnlich der Nummer von vor 2 Wochen, wo ganz dringend ein Tabu gebraucht wurde. Man möchte etwas, plant jugend-typisch von heute auf morgen - also gar nicht (wobei das bei dem Tabu auch andere Gründe hatte), und stellt dann fest, dass man nicht alles von heute auf morgen lösen kann.</p> <p>Und dann muss ganz schnell Hilfe her. Bzw. die Hilfe kommt nicht sofort und hundertprozentig, und dann ist das Thema tot. Dafür, dass es schnell gehen muss, ist die Reaktionsgeschwindigkeit auf die Rückfragen bemerkenswert - nichtexistent.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> checkboxen speichern / auslesen Sat, 21 Nov 20 17:16:52 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778225#m1778225 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778225#m1778225 <p>Hallo Rolf B,</p> <blockquote> <p>(wobei das bei dem Tabu auch andere Gründe hatte),</p> </blockquote> <p>glaub ich nicht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> checkboxen speichern / auslesen Sat, 21 Nov 20 18:28:21 Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778230#m1778230 https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778230#m1778230 <p>Hi,</p> <blockquote> <blockquote> <p>Hausaufgaben</p> </blockquote> <p>Nein, ich denke nicht.</p> </blockquote> <p>ich schon.</p> <p>Wenn man jemanden zum Geburtstag einlädt, fragt man doch nicht per Webseite, was er essen will, sondern überrascht ihn mit was gutem.</p> <p>Und auch die Auswahl der Hauptspeisen.</p> <p>Und die Namen der zusätzlichen Gäste. Das riecht schon stark nach Schulbuch.</p> <p>Und daß zufällig das eine per Radiobuttons, das andere per Checkboxen ausgewählt werden soll, riecht auch nach Pädagogik ...</p> <p>cu,<br> Andreas a/k/a MudGuard</p>