tag:forum.selfhtml.org,2005:/self HTML-Formular nur bei Klick auf button abschicken – SELFHTML-Forum 2020-02-11T12:53:49Z https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764527?srt=yes#m1764527 Linuchs 2020-02-04T20:48:05Z 2020-02-04T20:49:02Z HTML-Formular nur bei Klick auf button abschicken <p>Moin,</p> <p>bisher hatte ich nur Formulare, die man beim Hauen auf die Enter-Taste abschicken durfte, wenn ein <code>input type=text</code> im Fokus ist.</p> <p>Doch nun möchte ich, dass die Absende-Fläche bewusst geklickt oder berührt wird.</p> <p>Deshalb habe ich dem Button bewusst `type=submit" entzogen:</p> <pre><code class="block language-html">... <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>...<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css">...</span><span class="token punctuation">"</span></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>los<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>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Formular an ... senden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</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> </code></pre> <p>Im ganzen HTML-Dokument gibt's kein <code>submit</code>, trotzdem wird das Formular aus einem beliebigen <code>input type=text</code> mit [Enter] abgeschickt. Wieso?</p> <p>Und wie vermeide ich das?</p> <p>Linuchs</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764528?srt=yes#m1764528 MudGuard http://www.andreas-waechter.de/ 2020-02-04T20:49:41Z 2020-02-04T20:49:41Z HTML-Formular nur bei Klick auf button abschicken <p>Hi,</p> <blockquote> <p>Deshalb habe ich dem Button bewusst `type=submit" entzogen:</p> </blockquote> <p>damit gilt dann der default-Wert für das type-Attribut. Und der ist - Trommelwirbel - "submit".</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764533?srt=yes#m1764533 Felix Riesterer https://felix-riesterer.de 2020-02-04T21:28:50Z 2020-02-04T21:28:50Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber Linuchs,</p> <blockquote> <p>Doch nun möchte ich, dass die Absende-Fläche bewusst geklickt oder berührt wird.</p> </blockquote> <p>warum? Was willst Du wirklich erreichen?</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764546?srt=yes#m1764546 pl 2020-02-05T06:25:08Z 2020-02-05T06:25:08Z HTML-Formular nur bei Klick auf button abschicken <p>Das liegt ja auch nicht am Button. Vielmehr ist submit ein Event was man am <form> selbst abfangen muss. MFG</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764735?srt=yes#m1764735 pl 2020-02-09T07:36:58Z 2020-02-09T07:36:58Z HTML-Formular nur bei Klick auf button abschicken <p>Idee: ersetze <input> durch <textarea> und schon ist das Problem gelöst</p> <p>.</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764530?srt=yes#m1764530 Linuchs 2020-02-04T21:08:08Z 2020-02-04T21:08:08Z HTML-Formular nur bei Klick auf button abschicken <blockquote> <p>damit gilt dann der default-Wert für das type-Attribut. Und der ist - Trommelwirbel - "submit".</p> </blockquote> <p>Kann nicht die ganze Wahrheit sein. habe geändert auf</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</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>text<span class="token punctuation">"</span></span> <span class="token attr-name">...</span><span class="token punctuation">></span></span> </code></pre> <p>aber immer noch kann ich aus anderen <code>type="text"</code> Feldern das Formular abschicken.</p> <p>Linuchs</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764531?srt=yes#m1764531 JürgenB https://www.j-berkemeier.de 2020-02-04T21:15:08Z 2020-02-04T21:15:08Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo,</p> <p><a href="https://wiki.selfhtml.org/wiki/HTML/Formulare/button" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/HTML/Formulare/button</a></p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764539?srt=yes#m1764539 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-04T23:20:32Z 2020-02-04T23:20:32Z HTML-Formular nur bei Klick auf button abschicken <p>@@Linuchs</p> <blockquote> <blockquote> <p>damit gilt dann der default-Wert für das type-Attribut. Und der ist - Trommelwirbel - "submit".</p> </blockquote> <p>Kann nicht die ganze Wahrheit sein. habe geändert auf</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</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>text<span class="token punctuation">"</span></span> <span class="token attr-name">...</span><span class="token punctuation">></span></span> </code></pre> <p>aber immer noch kann ich aus anderen <code>type="text"</code> Feldern das Formular abschicken.</p> </blockquote> <p><code>text</code> ist kein gültiger Wert für den <code>type</code> eines <code>button</code>s. Deshalb gilt – Trommelwirbel – der Defaultwert.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764534?srt=yes#m1764534 Linuchs 2020-02-04T21:32:24Z 2020-02-04T21:32:24Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber Felix,</p> <blockquote> <blockquote> <p>Doch nun möchte ich, dass die Absende-Fläche bewusst geklickt oder berührt wird.</p> </blockquote> </blockquote> <blockquote> <p>warum? Was willst Du wirklich erreichen?</p> </blockquote> <p>Das Formular sieht wie eine Excel-Tabelle aus und dort kommt man mit [Enter] ins nächste Feld. Um Verwexlungen zu vermeiden, soll das Abschicken (ich habe fertig) bewusst ausgelöst werden.</p> <p>Linuchs</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764535?srt=yes#m1764535 Felix Riesterer https://felix-riesterer.de 2020-02-04T21:39:42Z 2020-02-04T21:39:42Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber Linuchs,</p> <blockquote> <p>dort kommt man mit [Enter] ins nächste Feld.</p> </blockquote> <p>unter Verwendung von JavaScript nehme ich an? Denn der Default-Mechanismus ruft ansonsten den ersten verfügbaren Submit-Button auf und verschickt das Formular. Aber ich kann mich irren.</p> <p>Wenn Du schon mit JavaScript hantierst, kannst Du am Formular einen Eventhandler registrieren, der auf das <code>submit</code>-Event lauscht, um das Absenden bei Bedarf zu verhindern:</p> <pre><code class="block language-javascript"><span class="token keyword">let</span> form<span class="token punctuation">;</span> <span class="token comment">// hier eine Referenz auf Dein <form> ablegen</span> form<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">"submit"</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">let</span> element <span class="token operator">=</span> event<span class="token punctuation">.</span>target <span class="token operator">||</span> event<span class="token punctuation">.</span>srcElement<span class="token punctuation">,</span> ok <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span> <span class="token comment">// prüfen, woher das Event kam</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>element<span class="token punctuation">.</span>tagName <span class="token operator">==</span> <span class="token string">"BUTTON"</span> <span class="token operator">&&</span> element<span class="token punctuation">.</span>type <span class="token operator">==</span> <span class="token string">"submit"</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> ok <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>ok<span class="token punctuation">)</span> <span class="token punctuation">{</span> event<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> event<span class="token punctuation">.</span><span class="token function">stopPropagation</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">return</span> ok<span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <blockquote> <p>Um Verwexlungen zu vermeiden,</p> </blockquote> <p>Der Duden kann <a href="https://www.duden.de/rechtschreibung/Verwechslung" rel="nofollow noopener noreferrer">helfen</a>.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764537?srt=yes#m1764537 Der Martin 2020-02-04T21:45:02Z 2020-02-04T21:45:02Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo Felix,</p> <blockquote> <blockquote> <p>dort kommt man mit [Enter] ins nächste Feld.</p> </blockquote> <p>unter Verwendung von JavaScript nehme ich an? Denn der Default-Mechanismus ruft ansonsten den ersten verfügbaren Submit-Button auf und verschickt das Formular. Aber ich kann mich irren.</p> </blockquote> <p>ja, du übersiehst zum Beispiel Form Controls, die selbst auf die Enter-Taste reagieren, wie etwa Checkboxen oder Radio-Buttons. Wenn ein solches Element focussiert ist, kann man mit <em>Enter</em> nicht das Formular absenden.</p> <blockquote> <blockquote> <p>Um Verwexlungen zu vermeiden,</p> </blockquote> <p>Der Duden kann <a href="https://www.duden.de/rechtschreibung/Verwechslung" rel="nofollow noopener noreferrer">helfen</a>.</p> </blockquote> <p>So wie ich Linuchs bisher erlebt habe, bin ich mir sicher, es handelt sich hier um ein bewusstes Stilmittel. Maggi und Hechserei.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764540?srt=yes#m1764540 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-02-05T04:13:29Z 2020-02-05T04:13:29Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo Der Martin,</p> <blockquote> <p>ja, du übersiehst zum Beispiel Form Controls, die selbst auf die Enter-Taste reagieren, wie etwa Checkboxen oder Radio-Buttons.</p> </blockquote> <p>Ich würde jetzt sagen, die reagieren nicht auf die Entertaste, sondern auf die Leertaste. Ausprobiert habe ich das allerdings so früh am Morgen 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/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764542?srt=yes#m1764542 Linuchs 2020-02-05T04:25:34Z 2020-02-05T04:25:34Z HTML-Formular nur bei Klick auf button abschicken <blockquote> <blockquote> <blockquote> <p>Um Verwexlungen zu vermeiden,</p> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>Der Duden kann helfen.</p> </blockquote> </blockquote> <blockquote> <p>So wie ich Linuchs bisher erlebt habe, bin ich mir sicher, es handelt sich hier um ein bewusstes Stilmittel. Maggi und Hechserei.</p> </blockquote> <p>Sprache lebt, ebenso wie Schreibe. Warum sollen wir Schreiblinge auf Studierte warten, die sich - vermutlich wegen ihrer schlechten Schul- - rächen mit einer Rächschreibreform?</p> <p>Da spiele ich doch lieber selbst ein wenig. Nur ganz minimal.</p> <p>Die Sprache wird so luschig verwendet, ich erinnere mich an einen Blinden, der sich immer verabschiedete mit „auf Wiedersehen”. Oder der Gesprächspartner eines Stummen, der den Gebärden-Dolmetscher fragt: „Was hat er gesagt?”</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764548?srt=yes#m1764548 pl 2020-02-05T07:26:03Z 2020-02-05T07:26:03Z HTML-Formular nur bei Klick auf button abschicken <p>Guten Morgen,</p> <p>Wenn man beim Drücken von Enter in Eingabefeldern <input type="text"> feststellt daß ein Submit ausgelöst wird, kann das doch wohl nicht am <button> liegen.</p> <p>MFG</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764547?srt=yes#m1764547 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-05T07:16:57Z 2020-02-05T07:16:57Z HTML-Formular nur bei Klick auf button abschicken <p>@@Matthias Apsel</p> <blockquote> <p>Ich würde jetzt sagen, [Checkboxen odunder Radio-Buttons] reagieren nicht auf die Entertaste, sondern auf die Leertaste.</p> </blockquote> <p>Im Firefox ist das so. Im Safari auch. Im Edge auch. Im Chrome auch. (Zumindest auf macOS.)</p> <blockquote> <p>Ausprobiert habe ich das allerdings so früh am Morgen nicht.</p> </blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/abOoREG?editors=1001" rel="noopener noreferrer">Spielwiese</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764549?srt=yes#m1764549 Der Martin 2020-02-05T07:32:50Z 2020-02-05T07:32:50Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo,</p> <blockquote> <blockquote> <p>ja, du übersiehst zum Beispiel Form Controls, die selbst auf die Enter-Taste reagieren, wie etwa Checkboxen oder Radio-Buttons.</p> </blockquote> <p>Ich würde jetzt sagen, die reagieren nicht auf die Entertaste, sondern auf die Leertaste.</p> </blockquote> <p>Eben bei einer Checkbox ausprobiert: Ja, stimmt. Und tatsächlich, mit der Enter-Taste wird das Formular auch abgeschickt.</p> <p>Ich weiß aber, dass ich mich bei bestimmten Form Controls schon darüber geärgert habe, dass die das Drücken der Enter-Taste selbst "konsumieren". Und bevor jetzt jemand mit <textarea> wirft: Ja, stimmt, aber das meinte ich nicht.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764557?srt=yes#m1764557 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-05T09:26:11Z 2020-02-05T09:26:40Z HTML-Formular nur bei Klick auf button abschicken <p>@@pl</p> <blockquote> <p>Das liegt ja auch nicht am Button. Vielmehr ist submit ein Event was man am <form> selbst abfangen muss. MFG</p> </blockquote> <p>So wie es es verstehe, soll das Formular ja abgesendet werden – nur halt nicht per Enter-Taste auf einem Eingabefeld. (Ob das sinnvoll ist, die Enter-Taste mit einer anderen Funktion zu belegen, ist eine andere Frage. Aber keine unwichtige.)</p> <p>Da ist der Weg, auf <code>submit</code> zu lauschen, wohl nicht zielführend. Man muss auf eins der Keyboard-Events lauschen und die Enter-Taste abfangen.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764550?srt=yes#m1764550 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-05T07:44:54Z 2020-02-05T07:44:54Z HTML-Formular nur bei Klick auf button abschicken <p>@@pl</p> <blockquote> <p>Wenn man beim Drücken von Enter in Eingabefeldern <input type="text"> feststellt daß ein Submit ausgelöst wird, kann das doch wohl nicht am <button> liegen.</p> </blockquote> <p>Doch, das kann es. Kein Submit-Button → kein Absenden des Formulars. ☞ <a href="https://codepen.io/gunnarbittersmann/pen/LYVPgov?editors=1001" rel="noopener noreferrer">Codepen</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764552?srt=yes#m1764552 pl 2020-02-05T08:29:23Z 2020-02-05T08:29:23Z HTML-Formular nur bei Klick auf button abschicken <p>Hi</p> <blockquote> <blockquote> <p>Wenn man beim Drücken von Enter in Eingabefeldern <input type="text"> feststellt daß ein Submit ausgelöst wird, kann das doch wohl nicht am <button> liegen.</p> </blockquote> <p>Doch, das kann es. Kein Submit-Button → kein Absenden des Formulars.</p> </blockquote> <p>Da machst Du was falsch. Es kann aber auch am Bowser liegen wie auch immer, ein native submit geht auch ohne Button. Siehe Suchforumular auf dieser Seite.</p> <p>MFG</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764730?srt=yes#m1764730 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-08T19:46:44Z 2020-02-08T19:46:44Z HTML-Formular nur bei Klick auf button abschicken <p>@@pl</p> <blockquote> <blockquote> <p>Kein Submit-Button → kein Absenden des Formulars.</p> </blockquote> <p>Da machst Du was falsch.</p> </blockquote> <p>??</p> <p><a href="https://bittersmann.de/test/form-submit/submit-button" rel="nofollow noopener noreferrer">https://bittersmann.de/test/form-submit/submit-button</a> – Formular wird abgeschickt</p> <p><a href="https://bittersmann.de/test/form-submit/no-submit-button" rel="nofollow noopener noreferrer">https://bittersmann.de/test/form-submit/no-submit-button</a> – Formular wird nicht abgeschickt</p> <blockquote> <p>Es kann aber auch am Bowser liegen</p> </blockquote> <p>… weder in Firefox nocht in Chrome.</p> <blockquote> <p>wie auch immer, ein native submit geht auch ohne Button. Siehe Suchforumular auf dieser Seite.</p> </blockquote> <p> Was mach ich falsch?</p> <p>LLAP </p> <div class="signature">-- <br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764734?srt=yes#m1764734 pl 2020-02-09T07:31:58Z 2020-02-09T07:31:58Z HTML-Formular nur bei Klick auf button abschicken <p>Logisch: Wenn ein Enter in einem Inputfeld, von dem es übrigens nicht nur eins gibt sondern mehrere, ein Submit auslöst, kann es ja nur an irgendeinem Button liegen der irgendwo in dieselbe Seite eingebaut ist. Da kommen die Experten und diskutieren über Eigenschaften von Buttons ?</p> <p>Ist schon seltsam hier.</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764731?srt=yes#m1764731 Der Martin 2020-02-08T19:55:14Z 2020-02-08T19:55:14Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo Gunnar,</p> <blockquote> <p> Was mach ich falsch?</p> </blockquote> <p>du unterstellst, dass in einem Kommentar von pl etwas Sinnvolles stecken müsste.</p> <p>*scnr*,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764733?srt=yes#m1764733 Felix Riesterer https://felix-riesterer.de 2020-02-09T07:28:49Z 2020-02-09T07:28:49Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber Gunnar,</p> <blockquote> <p> Was mach ich falsch?</p> </blockquote> <p>Du hast kein Text-Input. Ergänze eines und das Formular wird versandt. Ich habe Dein "no-submit-button"-Beispiel mit den Browser-Tools um ein drittes <code>fieldset</code> mit einem <code>input</code> erweitert und mit dem Fokus darinnen die Enter-Taste betätigt. Das hat das Formular abgeschickt.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764732?srt=yes#m1764732 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-08T20:10:53Z 2020-02-08T20:10:53Z HTML-Formular nur bei Klick auf button abschicken <p>@@Der Martin</p> <blockquote> <blockquote> <p> Was mach ich falsch?</p> </blockquote> <p>du unterstellst, dass in einem Kommentar von pl etwas Sinnvolles stecken müsste.</p> </blockquote> <p>Nun ja, seine Anmerkung, dass das Suchformular oben auf der Forums-Seite auch ohne Submit-Button abgesandt wird, ist schon nicht verkehrt.</p> <p>LLAP </p> <div class="signature">-- <br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764738?srt=yes#m1764738 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-09T08:07:37Z 2020-02-09T08:07:37Z HTML-Formular nur bei Klick auf button abschicken <p>@@Felix Riesterer</p> <blockquote> <blockquote> <p> Was mach ich falsch?</p> </blockquote> <p>Du hast kein Text-Input.</p> </blockquote> <p>Ach, daher weht der Wind.</p> <p lang="en"><a href="https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#implicit-submission" rel="nofollow noopener noreferrer">Implicit submission</a>: <em>“on some platforms hitting the "enter" key while a text control is focused implicitly submits the form”</em></p> <blockquote> <p>Ergänze eines und das Formular wird versandt.</p> </blockquote> <p>Aber auch nur eines, nicht zwei.</p> <p lang="en"><em>“If the form has no submit button, then the implicit submission mechanism must do nothing if the form has more than one</em> field that blocks implicit submission, <em>and must submit the <code>form</code> element from the <code>form</code> element itself otherwise.”</em></p> <p><strong lang="en">Implicit submission</strong> ist damit für Formulare mit genau einem (Text-)Eingabefeld geeignet, bei dem Nutzern klar ist, dass die Eingabe mit [Enter] abgeschlossen werden kann und es deshalb nicht unbedingt eines Submit-Buttons bedarf. Halt sowas wie ein Such-Eingabefeld.</p> <p>LLAP </p> <div class="signature">-- <br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764736?srt=yes#m1764736 Felix Riesterer https://felix-riesterer.de 2020-02-09T07:37:00Z 2020-02-09T07:37:00Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber pl,</p> <p>ich muss Dir tatsächlich zustimmen. <em>Grml</em> Es hat mit Buttons überhaupt nichts zu tun. <a href="https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764733#m1764733" rel="noopener noreferrer">Es braucht ausschließlich ein Textinput, das den Fokus hat, um das Formular mit der Enter-Taste abzusenden.</a></p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764737?srt=yes#m1764737 Felix Riesterer https://felix-riesterer.de 2020-02-09T07:40:49Z 2020-02-09T07:40:49Z HTML-Formular nur bei Klick auf button abschicken <p>Lieber pl,</p> <blockquote> <p>Idee: ersetze <input> durch <textarea></p> </blockquote> <p>das könnte neue Probleme aufwerfen, wenn z.B. Zeilenumbrüche in den Eingabedaten nicht gewünscht sind. Prinzipiell könnte man einen POST-Request faken (Ajax), der Zeilenumbrücke verschickt, sodass die serverseitige Filterung von Zeilenumbrüchen nach wie vor ein Muss bleibt. Aber ich gebe Deiner Idee insofern Recht, als dass das <code>submit</code>-Event damit nicht mehr ausgelöst wird.</p> <p>Ob die visuelle Gestaltung mit einer Textarea dann noch immer so möglich ist, wie mit einem Textinput, ist ein anderes mögliches Problem Deiner Idee.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764874?srt=yes#m1764874 Linuchs 2020-02-10T22:34:40Z 2020-02-10T22:34:40Z HTML-Formular nur bei Klick auf button abschicken <p>danke, werde ich testen.</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764875?srt=yes#m1764875 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-02-11T04:13:20Z 2020-02-11T04:13:20Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo pl,</p> <blockquote> <p>Idee: ersetze <input> durch <textarea> und schon ist das Problem gelöst</p> </blockquote> <p>Nein, dann entsteht ein unerwünschter Zeilenumbruch.</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/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764739?srt=yes#m1764739 Felix Riesterer https://felix-riesterer.de 2020-02-09T08:41:16Z 2020-02-09T08:41:16Z <ironie>Sig heil?</ironie> <p>Lieber Gunnar,</p> <blockquote> <p>[Signatur]<br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an.</p> </blockquote> <p>lösen wir die inhaltlichen Beschränkungen des Forums nun über Signaturen? ;-P</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764741?srt=yes#m1764741 pl https://rolfrost.de/tapi.rss 2020-02-09T09:16:56Z 2020-02-09T09:16:56Z <ironie>Sig heil?</ironie> <blockquote> <p>lösen wir die inhaltlichen Beschränkungen des Forums nun über Signaturen?</p> </blockquote> <p>DER darf das. Ist einer meiner Lieferanten </p> <div class="signature">-- <br> Palästina war der Deal für den Dawesplan. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764743?srt=yes#m1764743 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-02-09T09:46:38Z 2020-02-09T09:46:38Z <ironie>Sig heil?</ironie> <p>@@Felix Riesterer</p> <blockquote> <blockquote> <p>[Signatur]<br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an.</p> </blockquote> <p>lösen wir die inhaltlichen Beschränkungen des Forums nun über Signaturen? ;-P</p> </blockquote> <p>Wer hier sagt, man dürfe sich nicht gegen Faschismus aussprechen, ist raus.</p> <p>LLAP </p> <div class="signature">-- <br> Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an. </div> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764749?srt=yes#m1764749 Felix Riesterer https://felix-riesterer.de 2020-02-09T11:43:51Z 2020-02-09T11:43:51Z <ironie>Sig heil?</ironie> <p>Lieber Gunnar,</p> <blockquote> <p>Wer hier sagt, man dürfe sich nicht gegen Faschismus aussprechen, ist raus.</p> </blockquote> <p>absolutes Einverständnis von mir. Hoffentlich müssen wir diese Klarstellung im Zusammenhang mit HTML/CSS/JS/etc. niemals anbringen.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764899?srt=yes#m1764899 Linuchs 2020-02-11T12:42:44Z 2020-02-11T12:42:44Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo Matthias,</p> <blockquote> <p>Nein, dann entsteht ein unerwünschter Zeilenumbruch.</p> </blockquote> <p>Angenommen, ich schreibe diesen Wert in ein varchar-Feld. Kann das einen Zeilenumbruch beinhalten?</p> <p>Ist aber für mich kein Problem, da ich Eingabewerte immer schon mit trunc() beschneide.</p> https://forum.selfhtml.org/self/2020/feb/04/html-formular-nur-bei-klick-auf-button-abschicken/1764903?srt=yes#m1764903 Auge 2020-02-11T12:53:49Z 2020-02-11T12:53:49Z HTML-Formular nur bei Klick auf button abschicken <p>Hallo</p> <blockquote> <blockquote> <p>Nein, dann entsteht ein unerwünschter Zeilenumbruch.</p> </blockquote> <p>Angenommen, ich schreibe diesen Wert in ein varchar-Feld. Kann das einen Zeilenumbruch beinhalten?</p> </blockquote> <p>In der Datenbank? Ja.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div>