Tabellen in Formularen – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Tabellen in Formularen Sun, 13 Feb 22 10:21:55 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796146#m1796146 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796146#m1796146 <p>Guten Tag,</p> <p>ich habe eine reine HTML Frage.</p> <p>Wenn ich einen User aus mehreren tabellen Informationen auswählen lassen möchte, die er in einem Formular dann an den Server senden soll, wäre folgende Notation dann valides html?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Script URL<span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>GET|POST<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</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>submit<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>Absenden<span class="token punctuation">"</span></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>Jörg</p> Tabellen in Formularen Sun, 13 Feb 22 10:29:35 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796148#m1796148 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796148#m1796148 <p>@@Jörg</p> <blockquote> <p>Wenn ich einen User aus mehreren tabellen Informationen auswählen lassen möchte, die er in einem Formular dann an den Server senden soll, wäre folgende Notation dann valides html?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Script URL<span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>GET|POST<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</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>submit<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>Absenden<span class="token punctuation">"</span></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> </blockquote> <p>Ja.</p> <p>Aber warum <code class="language-html bad"><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>submit<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>Absenden<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>?</p> <p>Besser <code class="language-html good"><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>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Absenden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code>. Wobei <code>type="submit"</code> Default ist, also entfallen kann.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> Tabellen in Formularen Sun, 13 Feb 22 11:01:15 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796152#m1796152 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796152#m1796152 <p>Hi Gunnar,</p> <blockquote> <p>Ja.</p> </blockquote> <p>Ok, gut zu wissen. Danke. </p> <blockquote> <p>Aber warum <code class="language-html bad"><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>submit<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>Absenden<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>?</p> <p>Besser <code class="language-html good"><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>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Absenden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code>. Wobei <code>type="submit"</code> Default ist, also entfallen kann.</p> </blockquote> <p>Gibts einen Grund dafür, dass das besser ist?</p> <p>Jörg</p> Oft bessere Idee: verwende <label> und css Sun, 13 Feb 22 15:01:38 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796161#m1796161 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796161#m1796161 <p>HTML-Formal nicht falsch, aber die Semantic ist fürchterlich, die Sprachausgabe ein Grauen. Oft ist es besser, <code><label></code> zu verwenden, was vor allem dann gilt, wenn die Tabelle nur missbraucht wird, um die Einrückungen vorzunehmen.</p> <p>HTML:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>zuname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Nachname:<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>text<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>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>zuname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Vorname:<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>text<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>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></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>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>senden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> </code></pre> <p>(Das „for“ bezieht sich auf die ID des Input-Elements)</p> <p>CSS:</p> <pre><code class="block language-css"><span class="token selector">label[for=nachname], label[for=vorname], label[for=sendbutton]</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 10rem<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Ein Vorteil ist auch, dass die Ausgabe auf einem schmalen Screen (Smartphone!) umgebrochen wird, wenn beides nicht auf eine Zeile passt.</p> <p>Möglicherweise willst Du das aber für alle erzwingen (Manche Inputs sind ja schmal…): Dann kannst Du mit Media-Rules hantieren:</p> <pre><code class="block language-css"><span class="token atrule"><span class="token rule">@media</span> all</span> <span class="token punctuation">{</span> <span class="token selector">label[for=nachname], label[for=vorname]</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@media</span> <span class="token keyword">only</span> screen <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 60rem<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token selector">label[for=nachname], label[for=vorname]</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 10rem<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">label[for=sendbutton]</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>(Ich habe das „blind“, also ohne Tests notiert. Der Quelltext kann fehlerhaft sein, die Werte musst Du sowieso anpassen.)</p> Tabellen in Formularen Sun, 13 Feb 22 13:00:05 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796154#m1796154 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796154#m1796154 <p>@@Jörg</p> <blockquote> <blockquote> <p>Aber warum <code class="language-html bad"><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>submit<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>Absenden<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>?</p> <p>Besser <code class="language-html good"><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>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Absenden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code>. Wobei <code>type="submit"</code> Default ist, also entfallen kann.</p> </blockquote> <p>Gibts einen Grund dafür, dass das besser ist?</p> </blockquote> <p>Mehrere.</p> <p>Da wäre nunächst einmal sprechender Code. <code class="language-html bad"><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>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> sieht man nicht auf den ersten Blick an, dass es sich nicht um ein Eingabefeld, sondern um einen Button handelt. Dazu muss man schon noch einen zweiten Blick werfen – aufs Attribut. <code class="language-html good"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span></code> hingegen ist selbsterklärend.</p> <p>Noch entscheidender ist aber, dass die Beschriftung des Buttons nicht wie bei <code class="language-html bad"><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>submit<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>Absenden<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code> in einem Attribut steckt, sondern im Elementinhalt: <code class="language-html good"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span>Absenden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code>. Das hat mehrere Vorteile:</p> <p>Eine Buttonschriftung kann Markup enthalten:<br> <code class="language-html"><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>b</span><span class="token punctuation">></span></span>Jetzt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> absenden!!!<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> oder<br> <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span>Absenden <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pfeil.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</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 punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code><br> oder<br> <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span>Absenden <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>svg</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>svg</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span></code></p> <p>Außerdem ignorieren automatische Übersetzer womöglich Attributwerte. (Was auch dafür spricht, eher <code>aria-labelledby</code> statt <code>aria-label</code> einzusetzen.)</p> <p>Das trifft auch auf Alternativtexte für Bilder (<code>alt</code>-Attribute) zu. Da hat es ein Schnellschuss von Marc Adreesen in die HTML-Spezifikation geschafft. Inhalt in Attributen ist nie™ eine gute Idee, s.a. <a href="https://forum.selfhtml.org/self/2017/may/27/anzeige-der-test-homepage-mit-android-browser-internet-voellig-unterschiedlich-und-teils-unkomplett/1695216#m1695216" rel="noopener noreferrer">dieses Posting</a>.</p> <p>Dieser Sprachdesignfehler ist jetzt nicht mehr auszumerzen. Bei anderen Elementen wie <code>object</code> wurde es dann richtig gemacht: textuelle Alternative als Elementinhalt.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> Tabellen in Formularen / CSS für Button Sun, 13 Feb 22 13:39:25 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796155#m1796155 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796155#m1796155 <p>Oh, das sind wirklich viele Vorteile, da habe ich dann jetzt Einiges zu ändern, denn ich verwende bisher immer den Typ:input.</p> <p>Ich habe noch eine Frage zum Thema:</p> <p>Wie bekomme ich den Button innerhalb des form-elements horizontal mittig plaziert? Bisher hatte ich den einfach auch in einer Tabellenzeile, da war das dann easy.</p> <p>Nun hätte ich den Button aber gerne außerhalb der Tabelle und da schaff ichs bisher nur mit <code>margin-left</code> und das kann ja keine Lösung für mich sein.</p> <p>Jörg</p> Tabellen in Formularen / CSS für Button Sun, 13 Feb 22 14:10:33 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796157#m1796157 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796157#m1796157 <p>@@Jörg</p> <blockquote> <p>Wie bekomme ich den Button innerhalb des form-elements horizontal mittig plaziert?</p> <p>Nun hätte ich den Button aber gerne außerhalb der Tabelle und da schaff ichs bisher nur mit <code>margin-left</code> und das kann ja keine Lösung für mich sein.</p> </blockquote> <p>Doch. Nur halt nicht mit festem Wert, sondern: <code>auto</code>. Und du musst auch <code>margin-right</code> setzen.</p> <p><code>margin: auto</code> zentriert Blockelemente. Also den <code>button</code> zu einem solchen gemacht:</p> <pre><code class="block language-css"><span class="token selector">button</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> auto <span class="token punctuation">}</span> </code></pre> <p>Schön wär’s gewesen, man hätte hier einfach aufs <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/Inhalte_zentrieren" rel="nofollow noopener noreferrer">Wiki</a> verweisen können. Aber irgendwer hat den Artikel verunstaltet. ☹️</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> Tabellen in Formularen / CSS für Button Sun, 13 Feb 22 14:33:25 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796159#m1796159 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796159#m1796159 <p>Hi Gunnar,</p> <blockquote> <pre><code class="block language-css"><span class="token selector">button</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> auto <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Joa, danke. Würde auch funktionieren, wenn nicht die komplette Seite innerhalb einer Tabelle stecken würde (da hab ich keinen Einfluss drauf) und ein text-align:left der tabelle das margin:auto dadurch verhindert.</p> <p>Jörg</p> Tutorial: Inhalte zentrieren Wed, 16 Feb 22 04:15:11 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796215#m1796215 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796215#m1796215 <p>Servus! <a href="/users/20" class="mention registered-user" rel="noopener noreferrer">@Gunnar Bittersmann</a> <a href="/users/475" class="mention registered-user" rel="noopener noreferrer">@Der Martin</a> @all</p> <blockquote> <p><code>margin: auto</code> zentriert Blockelemente. Also den <code>button</code> zu einem solchen gemacht:</p> <pre><code class="block language-css"><span class="token selector">button</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> auto <span class="token punctuation">}</span> </code></pre> <p>Schön wär’s gewesen, man hätte hier einfach aufs <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/Inhalte_zentrieren" rel="nofollow noopener noreferrer">Wiki</a> verweisen können. Aber irgendwer hat den Artikel verunstaltet. ☹️</p> </blockquote> <p>Ja, ich habe die Verbergen-Vorlage, die den Zugriff auf die Unterkapitel verhindert hatte, entfernt. Das kam aus einer Zeit als SELFHTML nur die beste Lösung präsentieren wollte und den Rest „depublizieren“ wollte. Das hatten wir bei <code>input type="image"</code> auch.</p> <p>Ich wollte eigentlich <code>margin: 0 auto;</code> durch die <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell/Logische_Eigenschaften#Zentrieren_mit_margin-inline" rel="nofollow noopener noreferrer">logische Eigenschaften</a><code>margin-inline: auto;</code> ergänzen, möchte den Artikel aber nun neu aufbauen.</p> <p>Chris Coyier zeigt oft, wie er versucht zu einer Lösung zu kommen und dokumentiert dabei auch seine Zwischenschritte. Problem ist ja, dass man sowohl für <code>margin: auto</code> als auch <code>text-align:center</code> immer zusätzliche CSS-Eigenschaften benötigt. Da die aber oft sowieso vorhanden sind, würde ich die gar nicht ausschließen, sondern eben dokumentieren wollen.</p> <p>bis jetzt:</p> <blockquote> <p><strong>Beachten Sie:</strong> Diese Vorgehensweise sollte nur verwendet werden, wenn …</p> <ul> <li>die Breite des Inhalts vorher bekannt ist</li> </ul> </blockquote> <p>Künftig: Was haltet ihr nach jedem Beispiel von:</p> <blockquote> <p><strong>Fazit</strong></p> <ul> <li><code>margin: auto</code> benötigt zusätzlich</li> <li>eine Breitenangabe des Inhalts (die z.B. bei body oft schon vorhanden ist.)</li> </ul> </blockquote> <p>Für ein Feedback wäre ich dankbar - ich würde das dann in der Faschingswoche umsetzen.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <hr> <p>Ich schau immer mal in der alten Doku und träume ja davon, die zum einem Jubiläum als statische Kopie wieder zu veröffentlichen. Dieser Abschnitt zeigt, dass das eben nicht (mal mit nenm Disclaimer) zu empfehlen ist:</p> <blockquote> <p><strong>Wie kann ich Inhalte genau in der Mitte des Anzeigefensters positionieren?</strong></p> </blockquote> <blockquote> <p>Um Blockelemente zu zentrieren, setzen Sie den linken und rechten Seite Außenabstand auf den Wert auto:</p> </blockquote> <pre><code class="block">margin-left:auto; margin-right:auto; </code></pre> <blockquote> <p>Beachten Sie, dass der Internet Explorer 6 diese Angaben nur dann interpretiert, wenn die Seite im Seite standardkonformen Modus dargestellt wird.</p> </blockquote> <blockquote> <p>Soll ein Element sowohl horizontal als auch vertikal zentriert werden, bietet sich eine Lösung mit absoluter Seite Positionierung an:</p> </blockquote> <hr> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Bessere Idee: label Sun, 13 Feb 22 15:22:08 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796162#m1796162 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796162#m1796162 <p>@@Raketenwilli</p> <blockquote> <p>HTML-Formal nicht falsch, aber die Semantic ist fürchterlich</p> </blockquote> <p><a href="https://forum.selfhtml.org/cites/121" rel="noopener noreferrer">Nicht für tabellarische Daten.</a></p> <blockquote> <p>Oft ist es besser, <code><label></code> zu verwenden</p> </blockquote> <p>Eingabefelder sollten selbstverständlich beschriftet sein. Nicht nur oft, sondern immer.</p> <blockquote> <p>was vor allem dann gilt, wenn die Tabelle nur missbraucht wird, um die Einrückungen vorzunehmen.</p> </blockquote> <p>Das hatte ich im hiesigen Fall nicht so verstanden. Ich denke, es ist sowas gemeint:</p> <pre><code class="block language-html"><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>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</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 attr-name">…</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">…</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</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 attr-name">…</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">…</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</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 attr-name">…</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">…</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</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 attr-name">…</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">…</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <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>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> <hr> <blockquote> <pre><code class="block language-css"><span class="token selector">label[for=nachname], label[for=vorname]</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 10rem<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Die Beschriftungen sollten besser <strong>über</strong> den Eingabefeldern stehen, nicht links davon.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> (Korrektur) Sun, 13 Feb 22 15:34:00 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796164#m1796164 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796164#m1796164 <p>Mist!</p> <blockquote> <pre><code class="block bad language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>zuname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Nachname:<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>text<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>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>zuname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Vorname:<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>text<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>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></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>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>senden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Besser:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nachname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Nachname:<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>text<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>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nachname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vorname<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Vorname:<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>text<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>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vorname<span class="token punctuation">"</span></span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></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 attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></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>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>sendbutton<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>senden<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> </code></pre> <p>(Eines der „for“-Attribute hatte den falschen Wert.)</p> <p>Edit Rolf B: Nein, zwei. Ich habe das zweite mal korrigiert.</p> Oft bessere Idee: verwende <label> und css Tue, 15 Feb 22 16:12:03 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796207#m1796207 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796207#m1796207 <p>Hallo,</p> <p>hast du einen bestimmten Grund, warum du eine Tabelle mit CSS und br's nachbaust, obwohl du auch einfach CSS Grid verwenden könntest?</p> <p>VG Matti</p> Her mit den Löschtasten! Sun, 13 Feb 22 15:28:08 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796163#m1796163 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796163#m1796163 <blockquote> <p>Eingabefelder sollten selbstverständlich beschriftet sein. Nicht nur oft, sondern immer.</p> </blockquote> <p>Nicht nur Innenminister wollen eine Löschtaste haben - Dir würde ich gerne eine geben, um die Millionen von falschen/veralteten Beispielen aus dem Web zu putzen, in denen Tabellen für die Positionierung von Formularelementen und deren Beschriftung missbraucht werden… (Nachtrag: Meine Generation war sehr fleißig, als es im vorigen Jahrtausend anders kaum oder nicht ging und wurde dann auch noch abgeschrieben als es besser ging.)</p> <p><a href="https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796159#m1796159" rel="noopener noreferrer">Deshalb habe ich die Glaskugel benutzt</a>. Ob ich mit der Vermutung richtig liege weiß (bis jetzt) nur der TO.</p> Her mit den Löschtasten! Sun, 13 Feb 22 16:44:23 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796170#m1796170 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796170#m1796170 <p>@@Raketenwilli</p> <blockquote> <p>… nur der TO.</p> </blockquote> <p>TO, wir fahrn nach Łódź!</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> (Korrektur) Sun, 13 Feb 22 15:35:47 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796165#m1796165 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796165#m1796165 <p>@@Raketenwilli</p> <blockquote> <p>(Eines der „for“-Attribute hatte den falschen Wert.)</p> </blockquote> <p>Protip: Als angemeldeter Nutzer kann man seine Beiträge nachträglich editieren. </p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> Länger als mit dem Cookie? Sun, 13 Feb 22 15:40:11 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796166#m1796166 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796166#m1796166 <blockquote> <p>Protip: Als angemeldeter Nutzer kann man seine Beiträge nachträglich editieren.</p> </blockquote> <p>Länger als mit dem Cookie?</p> Länger als mit dem Cookie? Sun, 13 Feb 22 15:41:56 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796167#m1796167 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796167#m1796167 <p>@@Raketenwilli</p> <blockquote> <blockquote> <p>Protip: Als angemeldeter Nutzer kann man seine Beiträge nachträglich editieren.</p> </blockquote> <p>Länger als mit dem Cookie?</p> </blockquote> <p>Hm, weiß nicht. <em>Ich</em> kann. Das könnte aber an meinen Moderator-Rechten liegen.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“</em><br> — Joachim Gauck über Impfgegner </div> Länger als mit dem Cookie? Sun, 13 Feb 22 16:02:52 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796168#m1796168 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796168#m1796168 <p>Hallo Gunnar,</p> <p>ja, mit Mod-Recht kann man immer editieren.</p> <p>Für die Normalsterblichen hängt es, glaube ich, daran, ob eine Antwort vorliegt. Unbeantwortete Beiträge können 30 Minuten lang editiert werden, aber wenn eine Antwort da ist, kann man nicht mehr editieren. Es gibt da auch keine unterschiedlichen Einstellungen für Gäste und User. Aber ob eine Antwort den Edit verhindert, ist eine Verwaltungs-Einstellung, aus deren Text ich nicht recht schlau werde.</p> <p><a href="/images/7ea9f3ba-8ce5-11ec-ae8e-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/7ea9f3ba-8ce5-11ec-ae8e-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p>Da steht die Option Default-Wert, und dahinter in Klammern der Wert, der als Default gilt und woher er kommt. So weit, so logisch. Bei der ersten Radiogruppe scheint es auch zu passen. Aber was heißt bei der zweiten Radiogruppe "ja"? Editierbar bis zur ersten Antwort oder immer editierbar? Ja! Ähhh…</p> <p><a href="/users/1" class="mention registered-user" rel="noopener noreferrer">@Christian Kruse</a>, wie muss man das deuten?</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Länger als mit dem Cookie? Sun, 13 Feb 22 17:46:40 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796172#m1796172 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796172#m1796172 <p>Scheinbar (gemäß meiner Erfahrung) gilt für unangemeldete Autoren mit Cookie:</p> <ul> <li><em>Editierbar bis zur</em> [zum Speichern der] <em>ersten Antwort</em>, dazu kommt aber eine Zeitbegrenzung.</li> </ul> Her mit den Löschtasten! Sun, 13 Feb 22 17:51:08 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796173#m1796173 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796173#m1796173 <blockquote> <p>@@Raketenwilli</p> <blockquote> <p>… nur der TO.</p> </blockquote> <p>TO, wir fahrn nach Łódź!</p> </blockquote> <p>Klar. Auf ein <a href="https://www.bier-aus-polen.de/tatra-bier/" rel="nofollow noopener noreferrer">lokales Heineken</a>.</p> Länger als mit dem Cookie? Mon, 14 Feb 22 14:54:16 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796178#m1796178 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796178#m1796178 <p>Hallo Raketenwilli,</p> <p>ich denke, das gilt für angemeldete User genauso.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Oft bessere Idee: verwende <label> und css Tue, 15 Feb 22 18:30:50 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796208#m1796208 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796208#m1796208 <blockquote> <p>hast du einen bestimmten Grund, warum du eine Tabelle mit CSS und br's nachbaust,</p> </blockquote> <p>Ich <em>„baue“</em> ja mit Absicht und Bedacht gerade KEINE Tabelle…</p> Tutorial: Inhalte zentrieren Wed, 16 Feb 22 06:31:34 Z https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796218#m1796218 https://forum.selfhtml.org/self/2022/feb/13/tabellen-in-formularen/1796218#m1796218 <p>Hallo,</p> <blockquote> <hr> <p>Ich schau immer mal in der alten Doku und träume ja davon, die zum einem Jubiläum als statische Kopie wieder zu veröffentlichen. Dieser Abschnitt zeigt, dass das eben nicht (mal mit nenm Disclaimer) zu empfehlen ist:</p> </blockquote> <p>Wenn ich mich nicht irre, gab es die auch mal in Buchform. Wenn davon ein Foto existiert, könnte das ja stattdessen gezeigt werden!?</p> <p>Gruß<br> Kalk</p>