tag:forum.selfhtml.org,2005:/self CSS: input size vorbelegen – SELFHTML-Forum 2020-10-17T06:43:42Z https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776584?srt=yes#m1776584 Linuchs 2020-10-15T13:33:43Z 2020-10-15T13:33:43Z CSS: input size vorbelegen <p>Moin,</p> <p>kleine Frage:</p> <p>Die meisten meiner Textfelder sind 30 Stellen lang. Ich habe keinen Tipp gefunden, wie das mit CSS grundsätzlich einzustellen wäre. Dies klappt nicht:</p> <pre><code class="block language-css"><span class="token selector">input[type="text"]</span> <span class="token punctuation">{</span> <span class="token property">size</span><span class="token punctuation">:</span> 30<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Manchmal weicht die Stellenzahl ab:</p> <pre><code class="block language-html"><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>plz<span class="token punctuation">"</span></span> <span class="token attr-name">size</span> <span class="token attr-value"><span class="token punctuation attr-equals">=</span> 10</span> <span class="token attr-name">maxlength</span> <span class="token attr-value"><span class="token punctuation attr-equals">=</span> 10</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>Hopfengasse<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span> </code></pre> <p>Geht das irgendwie?</p> <p>Gruß, Linuchs</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776587?srt=yes#m1776587 Rolf B 2020-10-15T13:48:57Z 2020-10-15T13:48:57Z CSS: input size vorbelegen <p>Hallo Linuchs,</p> <p>die <code>width</code> (visuelle Breite) des input-Elements ist eine CSS Eigenschaft. Die <code>size</code> (maximale eingebbare Anzahl von Zeichen) ein Property des Elements. Nach meiner Kenntnis kannst Du das mit CSS nicht beeinflussen.</p> <p>Es hülfe nur JavaScript.</p> <pre><code class="block language-js"><span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> elem <span class="token keyword">of</span> document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">"input[type=text]"</span><span class="token punctuation">)</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>elem<span class="token punctuation">.</span><span class="token function">hasAttribute</span><span class="token punctuation">(</span><span class="token string">"size"</span><span class="token punctuation">)</span><span class="token punctuation">)</span> elem<span class="token punctuation">.</span>size<span class="token operator">=</span><span class="token number">20</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Browser, die for..of nicht kennen, brauchen etwas mehr Arbeit mit for(;;) und length. Vorhandensein von for..of ist detektierbar mit <code>Symbol.iterator !== undefined</code>, denn for..of und Iteratoren wurden gemeinsam eingeführt.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776588?srt=yes#m1776588 Der Martin 2020-10-15T13:51:59Z 2020-10-15T13:51:59Z CSS: input size vorbelegen <p>Hallo,</p> <blockquote> <p>Die meisten meiner Textfelder sind 30 Stellen lang. Ich habe keinen Tipp gefunden, wie das mit CSS grundsätzlich einzustellen wäre.</p> </blockquote> <p>nein, das geht auch nicht. CSS kann auf die Darstellung einwirken, also etwa die <strong>Anzeige</strong>breite. Aber das Attribut <em>size</em> betrifft ja eher die Funktion. Das ist mit CSS nicht zu machen.</p> <blockquote> <p>Dies klappt nicht:</p> <pre><code class="block language-css"><span class="token selector">input[type="text"]</span> <span class="token punctuation">{</span> <span class="token property">size</span><span class="token punctuation">:</span> 30<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Genau. Es gibt keine CSS-Eigenschaft <em>size</em>, die dem gleichnamigen HTML-Attribut entspräche.</p> <p>Du kannst das aber mit Javascript machen: Über alle input-Elemente iterieren, nachsehen, ob deren type=="text" ist und dann die size-Eigenschaft entsprechend setzen.<br> Sollte das Javascript nicht ausgeführt werden, bleibt size eben unbesetzt. Dann gilt die Defaulteinstellung: Keine Begrenzung.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776597?srt=yes#m1776597 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:20:41Z 2020-10-15T14:20:41Z CSS: input size vorbelegen <p>@@Linuchs</p> <blockquote> <p>Die meisten meiner Textfelder sind 30 Stellen lang. Ich habe keinen Tipp gefunden, wie das mit CSS grundsätzlich einzustellen wäre.</p> </blockquote> <p>Sowas ähnliches hatten wir <a href="https://forum.selfhtml.org/self/2020/sep/25/css-grosser-und-kleiner-selektor-bei-attributen/1775889#m1775889" rel="noopener noreferrer">letztens</a>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776589?srt=yes#m1776589 Christian Kruse https://wwwtech.de/ 2020-10-15T13:55:35Z 2020-10-15T13:55:35Z CSS: input size vorbelegen <p>Hallo Rolf,</p> <blockquote> <p>die <code>width</code> (visuelle Breite) des input-Elements ist eine CSS Eigenschaft. Die <code>size</code> (maximale eingebbare Anzahl von Zeichen) ein Property des Elements.</p> </blockquote> <p>Nein, das ist <code>maxlength</code>. <code>size</code> ist die Länge in Zeichen für Input-Elemente vom <code>type</code> <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> oder <code>password</code>. Es <strong>sollte</strong> also <code>width: 20em</code> einem <code>size="20"</code> entsprechen.</p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776590?srt=yes#m1776590 MudGuard http://www.andreas-waechter.de/ 2020-10-15T13:57:17Z 2020-10-15T13:57:17Z CSS: input size vorbelegen <p>Hi,</p> <blockquote> <pre><code class="block language-js"><span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> elem <span class="token keyword">of</span> document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">"input[type=text]"</span><span class="token punctuation">)</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>elem<span class="token punctuation">.</span><span class="token function">hasAttribute</span><span class="token punctuation">(</span><span class="token string">"size"</span><span class="token punctuation">)</span><span class="token punctuation">)</span> elem<span class="token punctuation">.</span>size<span class="token operator">=</span><span class="token number">20</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Browser, die for..of nicht kennen, brauchen etwas mehr Arbeit mit for(;;) und length.</p> </blockquote> <p>Ginge das nicht mit</p> <pre><code class="block language-js">document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">"input[type=text]"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">forEach</span><span class="token punctuation">(</span><span class="token parameter">element</span> <span class="token operator">=></span> <span class="token punctuation">{</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>element<span class="token punctuation">.</span><span class="token function">hasAttribute</span><span class="token punctuation">(</span><span class="token string">"size"</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> element<span class="token punctuation">.</span>size <span class="token operator">=</span> <span class="token number">20</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776598?srt=yes#m1776598 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:27:23Z 2020-10-15T14:37:52Z CSS: input size vorbelegen <p>@@Rolf B</p> <blockquote> <p>Es hülfe nur JavaScript. […] Browser, die for..of nicht kennen, brauchen etwas mehr Arbeit mit for(;;) und length.</p> </blockquote> <p>Auch beim zweiten Satz ist der Konjuktiv angebracht – verbunden mit dem Hinweis, dass man den Aufwand nicht betreiben muss. Es ist OK, wenn die Eingabefelder in alten Browsern eine andere Breite haben als in modernen.</p> <p><strong>Ergänzung:</strong> Man sollte aber dafür sorgen, dass alte Browser das Script mit <code>for … of</code> nicht laden/ausführen und in einen Syntaxfehler laufen.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776592?srt=yes#m1776592 Der Martin 2020-10-15T14:02:25Z 2020-10-15T14:02:25Z CSS: input size vorbelegen <p>Hi Christian,</p> <blockquote> <blockquote> <p>die <code>width</code> (visuelle Breite) des input-Elements ist eine CSS Eigenschaft. Die <code>size</code> (maximale eingebbare Anzahl von Zeichen) ein Property des Elements.</p> </blockquote> <p>Nein, das ist <code>maxlength</code>. <code>size</code> ist die Länge in Zeichen für Input-Elemente vom <code>type</code> <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> oder <code>password</code>. Es <strong>sollte</strong> also <code>width: 20em</code> einem <code>size="20"</code> entsprechen.</p> </blockquote> <p>dann habe ich das eben auch verwechselt, und Linuchs möglicherweise auch.<br> Ich vermute, dass er in Wirklichkeit maxlength <strong>gemeint</strong> hat.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776594?srt=yes#m1776594 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:12:31Z 2020-10-15T14:12:31Z CSS: input size vorbelegen <p>@@Christian Kruse</p> <blockquote> <p>Es <strong>sollte</strong> also <code>width: 20em</code> einem <code>size="20"</code> entsprechen.</p> </blockquote> <p>Nö, zu breit. In <code>ch</code> (was sich auf die <strong>Breite</strong> der Zeichen bezieht) kommt’s in etwa hin.</p> <p>☞ <a href="https://codepen.io/gunnarbittersmann/pen/eYzJPZB?editors=1000" rel="noopener noreferrer">Guckst du.</a></p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776600?srt=yes#m1776600 Rolf B 2020-10-15T14:31:57Z 2020-10-15T14:31:57Z CSS: input size vorbelegen <p>Hallo MudGuard,</p> <p>doch, natürlich. Die forEach Methode lässt sich auf NodeList.prototype auch polyfillen, im Gegensatz zur for..of Schleife.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776603?srt=yes#m1776603 Linuchs 2020-10-15T14:55:38Z 2020-10-15T14:56:16Z Jetzt klappt's <p>Hallo Andreas,</p> <pre><code class="block language-js">document<span class="token punctuation">.</span><span class="token function">querySelectorAll</span><span class="token punctuation">(</span><span class="token string">"input[type=text]"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">forEach</span><span class="token punctuation">(</span><span class="token parameter">element</span> <span class="token operator">=></span> <span class="token punctuation">{</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>element<span class="token punctuation">.</span><span class="token function">hasAttribute</span><span class="token punctuation">(</span><span class="token string">"size"</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> element<span class="token punctuation">.</span>size <span class="token operator">=</span> <span class="token number">20</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Brachte einen JS-Fehler. Wie gut, dass ich übriggebliebene <code>)</code> nicht wegwerfe. Hatte noch eine in meiner Kruschtelkiste.</p> <p>Hinten angepappt. Jetzt klappt's. Danke dir.</p> <p>Linuchs</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776593?srt=yes#m1776593 Christian Kruse https://wwwtech.de/ 2020-10-15T14:04:45Z 2020-10-15T14:04:45Z CSS: input size vorbelegen <p>Hallo Martin,</p> <blockquote> <p>dann habe ich das eben auch verwechselt, und Linuchs möglicherweise auch.<br> Ich vermute, dass er in Wirklichkeit maxlength <strong>gemeint</strong> hat.</p> </blockquote> <p>Das kann ich aus der Frage nicht herauslesen. 30 Stellen heisst für mich: ich kann 30 Zeichen eingeben ohne scrollen zu müssen. Aber das kann auch nur Linuchs beantworten ‍♂️</p> <p>Aber jetzt gehe ich erstmal eine Runde Fahrrad fahren </p> <p><a href="/images/1256e5ee-0eef-11eb-bcd4-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/1256e5ee-0eef-11eb-bcd4-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776596?srt=yes#m1776596 Linuchs 2020-10-15T14:18:12Z 2020-10-15T14:18:12Z CSS: input size vorbelegen <p>Hallo Martin,</p> <blockquote> <p>dann habe ich das eben auch verwechselt, und Linuchs möglicherweise auch.</p> </blockquote> <p>Ich vermute, dass er in Wirklichkeit maxlength gemeint hat.</p> <p>Nicht ver Weg xelt. Browser-Standard Firefox scheint size=20 zu sein. Ich möchte aber 30, weil viele Werte länger sind als 20 Zeichen monospace und ich den PLatz habe.</p> <p>maxlength gebe ich jedesmal an, korrespondiert mit der Feldlänge in der Datenbank.</p> <p>Seltsam: Warum wird beim Datentyp <code>varchar</code> in der DB eigentlich nach der Feldlänge gefragt? Ist die Anzahl der chars trotzdem noch variabel?</p> <p>Linuchs</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776595?srt=yes#m1776595 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:17:15Z 2020-10-15T14:17:15Z CSS: input size vorbelegen <p>@@Christian Kruse</p> <blockquote> <p>Aber jetzt gehe ich erstmal eine Runde Fahrrad fahren </p> </blockquote> <p>Pilze sammeln? </p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776601?srt=yes#m1776601 Linuchs 2020-10-15T14:37:33Z 2020-10-15T14:37:33Z CSS: input size vorbelegen <p>Mit CSS ch kommts bei der Schriftart monospace ganz gut hin, macht aber abweichende Angaben HTML size platt.</p> <p>Ich probiers mal mit JS</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776624?srt=yes#m1776624 Christian Kruse https://wwwtech.de/ 2020-10-15T18:59:42Z 2020-10-15T18:59:42Z CSS: input size vorbelegen <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Aber jetzt gehe ich erstmal eine Runde Fahrrad fahren </p> </blockquote> <p>Pilze sammeln? </p> </blockquote> <p>Nein. Heute waren Hagebutten dran, aber erst nach der Radfahrt </p> <p><a href="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776599?srt=yes#m1776599 MudGuard http://www.andreas-waechter.de/ 2020-10-15T14:30:49Z 2020-10-15T14:30:49Z CSS: input size vorbelegen <p>Hi,</p> <blockquote> <p>Seltsam: Warum wird beim Datentyp <code>varchar</code> in der DB eigentlich nach der Feldlänge gefragt? Ist die Anzahl der chars trotzdem noch variabel?</p> </blockquote> <p>ja, sie darf kleiner als der angegebene Wert sein.</p> <p>Aber nicht größer.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776604?srt=yes#m1776604 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:57:04Z 2020-10-15T20:14:52Z CSS: input size vorbelegen <p>@@Linuchs</p> <blockquote> <p>Ich probiers mal mit JS</p> </blockquote> <p><em>„Ich probier’s mal mit JS“</em> ist der typische Ansatz aller Entwickler, die von HTML und CSS zu wenig bis gar keine Ahnung haben. (<a href="https://twitter.com/SelenIT2/status/1315903268732702720" rel="nofollow noopener noreferrer">Beispiel</a>)</p> <blockquote> <p>Mit CSS ch kommts bei der Schriftart monospace ganz gut hin, macht aber abweichende Angaben HTML size platt.</p> </blockquote> <p>Du willst also eine <strong>CSS(!!)</strong>-Regel für welche Elemente angeben? Für Eingabefelder, die kein <code>size</code>-Attribut haben. Bitteschön: <code>input:not([size])</code>.</p> <p>Kombiniert mit dem Check auf <code>type="text"</code> – und, da dies der Default bei nicht gesetztem <code>type</code>-Attribut ist, dem Check auf kein <code>type</code>-Attribut:</p> <pre><code class="block language-css"><span class="token selector">input[type="text"]:not([size]), input:not([type]):not([size])</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 30ch<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>In Firefox und Safari <a href="https://caniuse.com/?search=%3Ais" rel="noopener noreferrer">geht auch schon</a><br> <code>input:is([type="text"], :not([type])):not([size])</code></p> <p>Chromia hinken da hinterher.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776606?srt=yes#m1776606 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T14:59:29Z 2020-10-15T14:59:29Z Jetzt klappt's <p>@@Linuchs</p> <blockquote> <p>Jetzt klappt's.</p> </blockquote> <p>Schön. Und schon kannst du das <a href="https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776604#m1776604" rel="noopener noreferrer">JavaScript gleich wieder wegschmeißen</a>.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776609?srt=yes#m1776609 Linuchs 2020-10-15T15:15:42Z 2020-10-15T15:15:42Z CSS: input size vorbelegen <p>an Gunnar,</p> <blockquote> <p>der typische Ansatz aller Entwickler, die von HTML und CSS zu wenig bis gar keine Ahnung haben.</p> </blockquote> <p>Oh, ertappt. Ich habe kaum Ahnug von irgendwas und trinke ständig aufgegossenen Kaffee, um dann vom Koffein benebelt im Kaffeesatz zu lesen.</p> <p>Es ist zum Haareraufen, wie diese Verfahrenstechnik aus dem Mittelalter immer mindestens einen Ton daneben liegt. So wie beim Klavier spielen, das ich auch nicht kann.</p> <p>Aber mit der Zeit gewöhnte ich mich an schräge Töne und eben auch an etwas schräge Webseiten, solange hinten überhaupt noch was rauskommt.</p> <p>von Linuchs</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776613?srt=yes#m1776613 Linuchs 2020-10-15T15:27:32Z 2020-10-15T15:27:32Z klappt auch <p>Hallo Gunnar,</p> <p>habe JS deaktiviert, dein alternativer Tipp ist auch prima:</p> <p><a href="/images/e7bb41ca-0efa-11eb-b812-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/e7bb41ca-0efa-11eb-b812-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776623?srt=yes#m1776623 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T17:44:41Z 2020-10-15T17:44:41Z CSS: input size vorbelegen <p>@@Gunnar Bittersmann</p> <blockquote> <p>Kombiniert mit dem Check auf <code>type="text</code> …</p> </blockquote> <p>Möglicherweise willst du das aber auch für Eingabefelder anderer Typen (<code>number</code>, <code>password</code>, …) – für alle bis auf Radiobuttons und Checkboxen:</p> <pre><code class="block language-css"><span class="token selector">input:not([type="radio"]):not([type="checkbox"]):not([size])</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 30ch<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776716?srt=yes#m1776716 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-17T06:43:42Z 2020-10-17T06:43:42Z klappt auch <p>@@Linuchs</p> <blockquote> <p>habe JS deaktiviert, dein alternativer Tipp ist auch prima:</p> </blockquote> <p>Alternativer? Du meinst alternativ<strong>loser</strong>.</p> <p>JavaScript zum Stylen sollte hier nicht als Alternative in Erwägung gezogen werden.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776625?srt=yes#m1776625 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-10-15T19:21:15Z 2020-10-15T19:21:15Z CSS: input size vorbelegen <p>Hallo Christian Kruse,</p> <blockquote> <p>Nein. Heute waren Hagebutten dran, aber erst nach der Radfahrt </p> <p><a href="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> </blockquote> <p>Ein Männlein steht im Walde …</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/oct/15/css-input-size-vorbelegen/1776627?srt=yes#m1776627 Der Martin 2020-10-15T19:22:34Z 2020-10-15T19:22:34Z CSS: input size vorbelegen <p>Hallo,</p> <blockquote> <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Aber jetzt gehe ich erstmal eine Runde Fahrrad fahren </p> </blockquote> <p>Pilze sammeln? </p> </blockquote> <p>Nein. Heute waren Hagebutten dran, aber erst nach der Radfahrt </p> </blockquote> <p>da wäre ich dann doch eher für die Pilze. Bevorzugt Maronen, Hallimasche<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> oder Schirmlinge. Mit Hagebutten kann ich dagegen nichts anfangen.<br> Aber YMMV.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>"Wohlschmeckender Speisepilz, aber im Zusammenhang mit Alkohol giftig", wie ich mal am eigenen Leib erfahren habe. Es hat über fünf Jahre gedauert, bis ich wieder ohne inneren Widerwillen Pilze essen konnte. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776626?srt=yes#m1776626 Christian Kruse https://wwwtech.de/ 2020-10-15T19:22:00Z 2020-10-15T19:22:00Z CSS: input size vorbelegen <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>Nein. Heute waren Hagebutten dran, aber erst nach der Radfahrt </p> <p><a href="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/91bb77a4-0f18-11eb-9975-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> </blockquote> <p>Ein Männlein steht im Walde …</p> </blockquote> <p><a href="https://twitter.com/cjk101010/status/1316794302387957761" rel="nofollow noopener noreferrer">Das ging mir auch durch den Sinn</a> </p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776628?srt=yes#m1776628 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T19:25:04Z 2020-10-15T19:25:04Z CSS: input size vorbelegen <p>@@Christian Kruse</p> <blockquote> <blockquote> <p>Ein Männlein steht im Walde …</p> </blockquote> <p><a href="https://twitter.com/cjk101010/status/1316794302387957761" rel="nofollow noopener noreferrer">Das ging mir auch durch den Sinn</a> </p> </blockquote> <p>Und des Rätsels Lösung ist <a href="https://twitter.com/cjk101010/status/1316419676671537155" rel="nofollow noopener noreferrer">nicht der Pilz</a>. </p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776632?srt=yes#m1776632 kai345 2020-10-15T20:08:28Z 2020-10-15T20:08:28Z CSS: input size vorbelegen <blockquote> <p>da wäre ich dann doch eher für die Pilze. Bevorzugt Maronen, Hallimasche[^P] oder Schirmlinge. Mit Hagebutten kann ich dagegen nichts anfangen.</p> </blockquote> <p>Dito. Hagebutten (aber auch Hallimasch; bäh!) braucht man einfach nicht .</p> <p>Steinpilz, flockenstieliger Hexenröhrling, Pfifferlinge, Wiesenchampignon und vor allem Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> <div class="signature">-- <br> Stur lächeln und winken, Männer! </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776629?srt=yes#m1776629 Christian Kruse https://wwwtech.de/ 2020-10-15T19:26:54Z 2020-10-15T19:26:54Z CSS: input size vorbelegen <p>Hallo Gunnar,</p> <blockquote> <blockquote> <blockquote> <p>Ein Männlein steht im Walde …</p> </blockquote> <p><a href="https://twitter.com/cjk101010/status/1316794302387957761" rel="nofollow noopener noreferrer">Das ging mir auch durch den Sinn</a> </p> </blockquote> <p>Und des Rätsels Lösung ist <a href="https://twitter.com/cjk101010/status/1316419676671537155" rel="nofollow noopener noreferrer">nicht der Pilz</a>. </p> </blockquote> <p>Das weiß ich aber fast alle halten den Pilz dafür. Deshalb war meine Idee, gestern einen Pilz zu fotografieren und heute die Hagebutte. Hat sich als gar nicht so gute Idee rausgestellt: es hat keine 10 Minuten gedauert bis die ersten Kommentare dazu kamen </p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776633?srt=yes#m1776633 Der Martin 2020-10-15T20:34:16Z 2020-10-15T20:34:16Z CSS: input size vorbelegen <p>n'Abend,</p> <blockquote> <blockquote> <p>da wäre ich dann doch eher für die Pilze. Bevorzugt Maronen, Hallimasche oder Schirmlinge. Mit Hagebutten kann ich dagegen nichts anfangen.</p> </blockquote> <p>Dito. Hagebutten (aber auch Hallimasch; bäh!) braucht man einfach nicht .</p> </blockquote> <p>was hast du gegen den Hallimasch einzuwenden? Ich finde den lecker - mit angedünsteten Zwiebeln und etwas Pfeffer gekocht, Baguettebrötchen dazu. Außer dass man sich den sprichwörtlichen Schnaps hinterher "zur Verdauung" lieber verkneifen sollte.</p> <blockquote> <p>Steinpilz, flockenstieliger Hexenröhrling, Pfifferlinge, Wiesenchampignon und vor allem Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> </blockquote> <p>Nichts gegen Steinpilze; Pfifferlinge muss ich nicht haben, Hexenröhrling oder Schopftintling kenne ich nicht. Paniert und gebraten kenne ich vor allem die schon genannten Schirmpilze (aka Parasol).</p> <p>Auch mit 's' geschrieben ist mir ein Pils dann und wann sehr willkommen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776634?srt=yes#m1776634 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T20:59:18Z 2020-10-15T20:59:18Z CSS: input size vorbelegen <p>@@Der Martin</p> <blockquote> <p>Auch mit 's' geschrieben ist mir ein Pils dann und wann sehr willkommen.</p> </blockquote> <p>Mir auch mit z geschrieben: <a href="https://de.wikipedia.org/wiki/Pilsner_Urquell" lang="cz" rel="nofollow noopener noreferrer">Plzeňský</a>. </p> <p>Mir wurde letztens gesagt, dass das für den deutschen Markt gebraute Urquell bitterer schmeckt als das in Tschechien vertriebene. Muss ich mir glatt mal zum Vergleich ein paar Flaschen von dort mitbringen, wenn man wieder rüber kann.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776690?srt=yes#m1776690 kai345 2020-10-16T12:27:30Z 2020-10-16T12:28:17Z Pil(s|z)e <blockquote> <blockquote> <p>Dito. Hagebutten (aber auch Hallimasch; bäh!) braucht man einfach nicht .</p> </blockquote> <p>was hast du gegen den Hallimasch einzuwenden? Ich finde den lecker - mit angedünsteten Zwiebeln und etwas Pfeffer gekocht, Baguettebrötchen dazu. Außer dass man sich den sprichwörtlichen Schnaps hinterher "zur Verdauung" lieber verkneifen sollte.</p> </blockquote> <p>Ich trinke eh nichts, daher wäre mir das egal. Ich mag nur dieses schleimige der H. nicht. Früher, als ich noch jung war™ haben wir kiloweise Hallimasch angeschleppt, irgendwann konnte ich sie nicht mehr ohne Würgereiz essen, also seitdem nicht mehr erwünscht.</p> <blockquote> <blockquote> <p>Steinpilz, flockenstieliger Hexenröhrling, Pfifferlinge, Wiesenchampignon und vor allem Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> </blockquote> <p>Paniert und gebraten kenne ich vor allem die schon genannten Schirmpilze (aka Parasol).</p> </blockquote> <p>Die gibt es hier (fast?) nicht, dafür die kleinere Verwandschaft Safranschirmlinge. Auch sehr lecker.</p> <blockquote> <p>Auch mit 's' geschrieben ist mir ein Pils dann und wann sehr willkommen.</p> </blockquote> <p>Bier und Wein muss nicht sein.</p> <div class="signature">-- <br> Stur lächeln und winken, Männer! </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776635?srt=yes#m1776635 Der Martin 2020-10-15T21:08:45Z 2020-10-15T21:08:45Z CSS: input size vorbelegen <p>Hallo,</p> <blockquote> <blockquote> <p>Auch mit 's' geschrieben ist mir ein Pils dann und wann sehr willkommen.</p> </blockquote> <p>Mir auch mit z geschrieben: <a href="https://de.wikipedia.org/wiki/Pilsner_Urquell" lang="cz" rel="nofollow noopener noreferrer">Plzeňský</a>. </p> </blockquote> <p>die Sorte habe ich konkret noch nicht getrunken, aber ich bin offen für Neues.</p> <blockquote> <p>Mir wurde letztens gesagt, dass das für den deutschen Markt gebraute Urquell bitterer schmeckt als das in Tschechien vertriebene.</p> </blockquote> <p>Das kann ich mir sogar sehr gut vorstellen, obwohl die etwas herberen Biersorten eher in der nördlichen Hälfte Deutschlands zuhause sind.</p> <p>Aber ich war vor einigen Jahren mal in Dänemark, und das dort populäre Faxe-Pils hat mir sehr gut geschmeckt. Bei einer Brauereibesichtigung eben dort wurde auch darauf hingewiesen, dass das aus Dänemark exportierte Faxe-Bier teilweise auf leicht veränderten Rezepturen beruht. Für Deutschland<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> etwa - gemäß dem deutschen Reinheitsgebot - ohne Zugabe von Mais, der dem Faxe-Pils aber erst den würzigen Geschmack verleiht.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Paradox: Wieso heißen die Dinger Kühlkörper, obwohl sie höllisch heiß werden? </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Übrigens das einzige Bier, das ich hier in Deutschland bisher in Ein-Liter-Dosen gesehen habe. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776636?srt=yes#m1776636 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-10-15T21:41:43Z 2020-10-15T21:41:43Z CSS: input size vorbelegen <p>@@Der Martin</p> <blockquote> <p>die Sorte habe ich konkret noch nicht getrunken, aber ich bin offen für Neues.</p> </blockquote> <p>Ich sag doch: Wir sollten das nächste SELFHTML-Treffen dort machen, wo’s für alle zentral ist: in Pilsen.</p> <p>Kulturprogramm wäre natürlich die Besichtigung der Brauerei.</p> <hr> <p>Letzte Woche hatte ich mal den direkten Vergleich zwischen dem in Deutschland vertriebenem Grasovka und dem originalen polnischen Żubrówka – schmeckte auch anders: der polnische irgendwie intensiver.</p> <p> LLAP</p> <div class="signature">-- <br> <em>„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“</em> —@Ann_Waeltin </div> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776695?srt=yes#m1776695 MudGuard http://www.andreas-waechter.de/ 2020-10-16T14:21:09Z 2020-10-16T14:21:09Z Pil(s|z)e <p>Hi,</p> <blockquote> <blockquote> <blockquote> <p>Steinpilz, flockenstieliger Hexenröhrling, Pfifferlinge, Wiesenchampignon und vor allem Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> </blockquote> </blockquote> </blockquote> <p>Topfschindling mag ich nicht. Die anderen schon. Auch den netzstieligen Hexenröhrling. Und Maronen, Ziegenlippe, Pfefferröhrlinge, Birkenpilz, Rotkappe ...</p> <blockquote> <blockquote> <p>Paniert und gebraten kenne ich vor allem die schon genannten Schirmpilze (aka Parasol).</p> </blockquote> </blockquote> <p>geht auch unpaniert.</p> <blockquote> <p>Die gibt es hier (fast?) nicht, dafür die kleinere Verwandschaft Safranschirmlinge. Auch sehr lecker.</p> </blockquote> <p>Ja, die schmecken ja fast genauso, obwohl sie sich beim Anschneiden gelb färben.</p> <p>Waldchampignons, Perlpilze (NICHT mit Pantherpilz verwechseln!!!), Violetter Rötelritterling, Violetter Schleierling, Violetter Lacktrichterling, Nebelgrauer Trichterling, Reherl, Blutreizger...</p> <p>Oder (leider nicht in meinem Revier): Goldröhrling, Habichtspilz, Semmelstoppelpilz, Totentrompeten, ...</p> <blockquote> <p>Bier und Wein muss nicht sein.</p> </blockquote> <p>Bier nicht (Ausnahme: Stout vom Faß), Wein schon!</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776697?srt=yes#m1776697 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-10-16T15:10:27Z 2020-10-16T15:10:27Z Pil(s|z)e <p>Hallo MudGuard,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> </blockquote> </blockquote> </blockquote> <p>Topfschindling mag ich nicht.</p> </blockquote> <p>Hat dieses Verdrehen auch einen tieferen inhaltlichen Sinn?</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/oct/15/css-input-size-vorbelegen/1776702?srt=yes#m1776702 MudGuard http://www.andreas-waechter.de/ 2020-10-16T15:23:20Z 2020-10-16T15:23:20Z Pil(s|z)e <p>Hi,</p> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <p>Schopftintling (paniert extrem lecker) hingegen sind ein Muss.</p> </blockquote> </blockquote> </blockquote> <p>Topfschindling mag ich nicht.</p> </blockquote> <p>Hat dieses Verdrehen auch einen tieferen inhaltlichen Sinn?</p> </blockquote> <p>nö, so hieß der bei meinen Geschwistern und mir schon, als wir noch einige Jahrzehnte jünger als heutzutage waren ...</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776704?srt=yes#m1776704 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-10-16T15:32:59Z 2020-10-16T15:32:59Z Pil(s|z)e <p>Hallo MudGuard,</p> <blockquote> <p>nö, so hieß der bei meinen Geschwistern und mir schon, als wir noch einige Jahrzehnte jünger als heutzutage waren ...</p> </blockquote> <p>Es hätte ja auch sein können, dass er wirklich die Töpfe schindet, weil er vielleicht eine intensiv-agressive Färbung erzeugt.</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/oct/15/css-input-size-vorbelegen/1776705?srt=yes#m1776705 MudGuard http://www.andreas-waechter.de/ 2020-10-16T15:37:32Z 2020-10-16T15:37:32Z Pil(s|z)e <p>Hi,</p> <blockquote> <p>Es hätte ja auch sein können, dass er wirklich die Töpfe schindet, weil er vielleicht eine intensiv-agressive Färbung erzeugt.</p> </blockquote> <p>er vergammelt sehr schnell, und zerfließt dabei zu einer schwärzlichen breiigen Flüssigkeit - die früher angeblich sogar als Tinte(nersatz) verwendet wurde.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776707?srt=yes#m1776707 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-10-16T15:44:54Z 2020-10-16T15:44:54Z Pil(s|z)e <p>Hallo MudGuard,</p> <blockquote> <p>er vergammelt sehr schnell, und zerfließt dabei zu einer schwärzlichen breiigen Flüssigkeit - die früher angeblich sogar als Tinte(nersatz) verwendet wurde.</p> </blockquote> <p>Ich hab ihn noch nie gegessen, aber wir hab(tt?)en welche auf dem Schulgelände.</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>