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>