tag:forum.selfhtml.org,2005:/self checkboxen speichern / auslesen – SELFHTML-Forum 2020-11-21T21:42:16Z https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778215#m1778215 Jelto 2020-11-21T10:46:10Z 2020-11-21T12:05:55Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778218#m1778218 Felix Riesterer https://felix-riesterer.de 2020-11-21T13:08:25Z 2020-11-21T13:08:25Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778219#m1778219 Der Martin 2020-11-21T13:17:34Z 2020-11-21T13:17:34Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778220#m1778220 MudGuard http://www.andreas-waechter.de/ 2020-11-21T14:22:57Z 2020-11-21T14:22:57Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778235#m1778235 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-21T21:42:16Z 2020-11-21T21:42:16Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778224#m1778224 Rolf B 2020-11-21T16:52:14Z 2020-11-21T16:54:37Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778225#m1778225 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-11-21T17:16:52Z 2020-11-21T17:16:52Z checkboxen speichern / auslesen <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> https://forum.selfhtml.org/self/2020/nov/21/checkboxen-speichern-auslesen/1778230#m1778230 MudGuard http://www.andreas-waechter.de/ 2020-11-21T18:28:21Z 2020-11-21T18:28:21Z checkboxen speichern / auslesen <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>