tag:forum.selfhtml.org,2005:/selfbestimmtes Eingabefeld vorselektieren – SELFHTML-Forum2019-04-04T10:40:23Zhttps://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1745962#m1745962eddi-z2019-04-03T09:32:00Z2019-04-03T09:32:00Zbestimmtes Eingabefeld vorselektieren<p>Hallo,</p>
<p>in einer Tabelle mit vielen Text-Eingabefeldern soll ein bestimmtes beim Laden der Seite vorselektiert werden.
Das Text-Eingabefeld scheint 'select! nicht zu kennen.</p>
<p>Was nun?</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1745965#m1745965Rolf B2019-04-03T09:39:40Z2019-04-03T09:39:40Zbestimmtes Eingabefeld vorselektieren<p>Hallo eddi-z,</p>
<p>ein select Attribut gibt es nur in deiner Fantasie.</p>
<p>Willst Du den Text komplett auswählen oder willst Du nur den Fokus hineinsetzen?</p>
<p>Um den Fokus hineinzusetzen, kannst Du das autofocus-Attribut verwenden (HTML 5, im Internet Explorer ab Version 10). Fallback mit JavaScript und der focus() Methode von HTMLElement.</p>
<p>Um den Text vorauszuwählen, brauchst Du JavaScript und die setSelectionRange Methode des HTMLInputElement Objekts.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1745968#m1745968eddi-z2019-04-03T09:47:28Z2019-04-03T09:47:28Zbestimmtes Eingabefeld vorselektieren<p>Danke.</p>
<p>autofocus war das Zauberwort</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746049#m1746049Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-04-04T06:44:15Z2019-04-04T06:44:15Zbestimmtes Eingabefeld vorselektieren<p>@@eddi-z</p>
<blockquote>
<p>in einer Tabelle mit vielen Text-Eingabefeldern soll ein bestimmtes beim Laden der Seite vorselektiert werden.</p>
</blockquote>
<p>Soll es das? Warum sollte es?</p>
<p>Und wenn, gibt es da einiges zu bedenken. Siehe <a href="https://www.brucelawson.co.uk/2009/the-accessibility-of-html-5-autofocus/" lang="en" rel="nofollow noopener noreferrer">The accessibility of HTML 5 autofocus</a> (Bruce Lawson).</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746052#m1746052Rolf B2019-04-04T07:48:33Z2019-04-04T07:48:33Zbestimmtes Eingabefeld vorselektieren<p>Hallo Gunnar,</p>
<p>guter Hinweis. Könnte man das <a href="https://wiki.selfhtml.org/wiki/HTML/Formulare/Gestaltung#autofocus" rel="nofollow noopener noreferrer">so in Kurzform</a> darstellen?</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746061#m1746061pl2019-04-04T07:58:35Z2019-04-04T07:58:35Zbestimmtes Eingabefeld vorselektieren<p>Wichtiger fände ich einen Hinweis darauf daß autofocus nur bei einem input Feld funktioniert. MFG</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746062#m1746062Auge2019-04-04T08:09:28Z2019-04-04T08:09:28Zbestimmtes Eingabefeld vorselektieren<p>Hallo</p>
<blockquote>
<p>Wichtiger fände ich einen Hinweis darauf daß autofocus nur bei einem input Feld funktioniert. MFG</p>
</blockquote>
<p>Nicht nur, dass du of nicht lesen willst, jetzt kannst du es bewiesenermaßen nicht einmal mehr.</p>
<p>Zitat aus dem bereits von RolfB verlinkten <a href="https://wiki.selfhtml.org/wiki/HTML/Formulare/Gestaltung#autofocus" rel="nofollow noopener noreferrer">Abschnitt</a>:</p>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. <em>Sie können dieses Attribut für <strong>button</strong>, <strong>input</strong> und <strong>textarea</strong>-Elemente verwenden</em>.“</p>
<p>… was für ein Sprallo.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br>
<em>Hohle Köpfe</em> von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746064#m1746064Rolf B2019-04-04T08:14:11Z2019-04-04T08:14:11Zbestimmtes Eingabefeld vorselektieren<p>Hallo Auge,</p>
<p>mein Minus für den persönlichen Angriff.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746065#m1746065pl2019-04-04T08:16:19Z2019-04-04T08:16:19Zbestimmtes Eingabefeld vorselektieren<blockquote>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. Sie können dieses Attribut für button, input und textarea-Elemente verwenden.“</p>
</blockquote>
<p>Und genau das ist ja falsch! Weil da die Mehrzahl steht! MFG</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746071#m1746071Auge2019-04-04T08:32:52Z2019-04-04T08:32:52Zbestimmtes Eingabefeld vorselektieren<p>Hallo</p>
<blockquote>
<p>mein Minus für den persönlichen Angriff.</p>
</blockquote>
<p>Wgen des Sprallo für den Troll(o)? Gerne doch.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br>
<em>Hohle Köpfe</em> von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746076#m1746076pl2019-04-04T08:45:53Z2019-04-04T08:45:53Zbestimmtes Eingabefeld vorselektieren<blockquote>
<blockquote>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. Sie können dieses Attribut für button, input und textarea-Elemente verwenden.“</p>
</blockquote>
<p>Und genau das ist ja falsch! Weil da die Mehrzahl steht! MFG</p>
</blockquote>
<p>Also ich würde das mal umformulieren: Sie können dieses Attribut für einen button oder ein input-Element oder für eine textarea je window.document verwenden. MFG</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746077#m1746077Tabellenkalk2019-04-04T08:47:50Z2019-04-04T08:48:05Zbestimmtes Eingabefeld vorselektieren<p>Hallo,</p>
<blockquote>
<blockquote>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. Sie können dieses Attribut für button, input und textarea-Elemente verwenden.“</p>
</blockquote>
<p>Und genau das ist ja falsch! Weil da die Mehrzahl steht! MFG</p>
</blockquote>
<p>Was meinst du mit "genau das"? Warum sollte das mit der Mehrzahl einen Fehler begründen?</p>
<p>Gruß<br>
Kalk</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746078#m1746078Rolf B2019-04-04T08:48:56Z2019-04-04T09:19:54Zbestimmtes Eingabefeld vorselektieren<p>Hallo pl,</p>
<p>dein Hinweis war also nicht, dass es nur bei einem <strong>input</strong> Feld funktioniert, sondern, dass es nur bei <strong>einem</strong> input-<em>artigen</em> Element funktioniert (kursiv von mir ergänzt, korrekt laut Spec wäre: bei interaktiven, submitfähigen Form-Controls).</p>
<p>Sorry, das habe ich auch nicht so herausgelesen. Andererseits ist es ja auch logisch, denn wie fokussiert man zwei interaktive Elemente auf einmal? Wenn autofocus mehrfach gesetzt ist, bekommt das Element, das erstes im DOM steht, den Fokus. Auch bei wild gemischter tabindex-Folge. Aber du hast recht, das ist dann kein valides Html.</p>
<p>Wenn man es ganz genau nimmt, muss man erst noch das „in der Elternkette nächstliegende, Autofocus Scope-bildende Dokumentelement“<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> (NASE) definieren. Jedes Element, das ein <code>autofocus</code>-Attribut trägt, besitzt ein NASE. Die Suche nach dem NASE beginnt beim Element selbst und verläuft bis zum Document Element des DOM. Das erste bei dieser Suche angetroffene <code>dialog</code> Element ist das NASE (d.h. das kann auch das autofocus Element selbst sein). Gibt es keins, ist das Dokument-Element das NASE.</p>
<p>Und basierend darauf sagt die Spec: es darf pro NASE maximal ein Element mit autofocus-Attribut geben.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>die Spec spricht vom "nearest ancestor autofocus scoping document element" <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746082#m1746082dedlfix2019-04-04T09:06:33Z2019-04-04T09:06:33Zbestimmtes Eingabefeld vorselektieren<p>Tach!</p>
<blockquote>
<blockquote>
<blockquote>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. Sie können dieses Attribut für button, input und textarea-Elemente verwenden.“</p>
</blockquote>
<p>Und genau das ist ja falsch! Weil da die Mehrzahl steht! MFG</p>
</blockquote>
<p>Also ich würde das mal umformulieren: Sie können dieses Attribut für einen button oder ein input-Element oder für eine textarea je window.document verwenden.</p>
</blockquote>
<p>Das ist auch noch nicht richtig. Man kann es sehr wohl mehrfach setzen, es wird dann aber bis auf ein Vorkommen ignoriert. Insofern war die ursprüngliche Formulierung nicht falsch, sondern nur unvollständig, wenn man denn extra betonen möchte, dass der Focus sich nur an einer Stelle befinden kann. Das ist aber eigentlich unnötig, denn das liegt in der Natur eines Focus/Fokus, sich nur an einer Stelle zu befinden.</p>
<p>dedlfix.</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746097#m1746097Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-04-04T09:54:04Z2019-04-04T09:54:04Zbestimmtes Eingabefeld vorselektieren<p>@@pl</p>
<blockquote>
<blockquote>
<blockquote>
<p>„Mit dem booleschen autofocus-Attribut wandert der Cursor beim Laden der Seite automatisch auf dieses Feld. Sie können dieses Attribut für button, input und textarea-Elemente verwenden.“</p>
</blockquote>
<p>Und genau das ist ja falsch! Weil da die Mehrzahl steht! MFG</p>
</blockquote>
<p>Also ich würde das mal umformulieren: Sie können dieses Attribut für einen button oder ein input-Element oder für eine textarea je window.document verwenden.</p>
</blockquote>
<p>Und genau das ist ja falsch! Es dürfen mehrere <code>autofocus</code>-Attribute in einem HTML-Element vorkommen:</p>
<p><em lang="en">“There must not be two elements with the same nearest ancestor autofocus scoping document element that both have the autofocus attribute specified.”</em> [<a href="https://w3c.github.io/html/sec-forms.html#autofocusing-a-form-control-the-autofocus-attribute" rel="nofollow noopener noreferrer">HTML</a>]</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746079#m1746079pl2019-04-04T08:51:56Z2019-04-04T08:51:56Zbestimmtes Eingabefeld vorselektieren<p><a href="https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746076#m1746076" rel="noopener noreferrer">Besser formulieren</a> hilft Missverständnisse vermeiden.</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746085#m1746085Tabellenkalk2019-04-04T09:14:21Z2019-04-04T09:14:21Zbestimmtes Eingabefeld vorselektieren<p>Hallo,</p>
<blockquote>
<p><a href="https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746076#m1746076" rel="noopener noreferrer">Besser formulieren</a> hilft Missverständnisse vermeiden.</p>
</blockquote>
<p>Ich hab das mal als Zitat vorgeschlagen, damit man das in Zukunft den üplichen Verdächtigen kurz und prägnant um die Ohren schreiben kann…</p>
<p>Gruß<br>
Kalk</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746089#m1746089Rolf B2019-04-04T09:21:33Z2019-04-04T09:22:24Zbestimmtes Eingabefeld vorselektieren<p>Hallo pl,</p>
<p>siehe mein NASE-Update, basierend auf Spec-Lektüre. Deine verbesserte Formulierung weiß noch nichts vom <dialog> Element.</p>
<p>Jedenfalls bekommst Du mein Danke Schön für das Anzetteln dieser Klärung.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746090#m1746090pl2019-04-04T09:23:53Z2019-04-04T09:27:04Zbestimmtes Eingabefeld vorselektieren<blockquote>
<p>Das ist aber eigentlich unnötig, denn das liegt in der Natur eines Focus/Fokus, sich nur an einer Stelle zu befinden.</p>
</blockquote>
<p>Auch falsch. Bei mehrfacher Verwendung wird der Fokus nämlich wo gesetzt!?</p>
<p>Im Übrigen meldet der Valigator einen Fehler bei mehrfacher Besetzung.</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746095#m1746095Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-04-04T09:51:06Z2019-04-04T09:51:06Zbestimmtes Eingabefeld vorselektieren<p>@@dedlfix</p>
<blockquote>
<blockquote>
<p>Also ich würde das mal umformulieren: Sie können dieses Attribut für einen button oder ein input-Element oder für eine textarea je window.document verwenden.</p>
</blockquote>
<p>Das ist auch noch nicht richtig. Man kann es sehr wohl mehrfach setzen, es wird dann aber bis auf ein Vorkommen ignoriert.</p>
</blockquote>
<p>Wenn man’s so sieht, kann man das <code>autofocus</code>-Attribut an Elemente jeden Typs hängen, es wird dann gegebenenfalls ignoriert. </p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746087#m1746087Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-04-04T09:18:29Z2019-04-04T09:18:29Zbestimmtes Eingabefeld vorselektieren<p>@@Tabellenkalk</p>
<blockquote>
<blockquote>
<p><a href="https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746076#m1746076" rel="noopener noreferrer">Besser formulieren</a> hilft Missverständnisse vermeiden.</p>
</blockquote>
<p>Ich hab das mal als Zitat vorgeschlagen, damit man das in Zukunft den üplichen Verdächtigen kurz und prägnant um die Ohren schreiben kann…</p>
</blockquote>
<p>Wie gehässig von dir. </p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746093#m1746093dedlfix2019-04-04T09:39:08Z2019-04-04T09:39:08Zbestimmtes Eingabefeld vorselektieren<p>Tach!</p>
<blockquote>
<blockquote>
<p>Das ist aber eigentlich unnötig, denn das liegt in der Natur eines Focus/Fokus, sich nur an einer Stelle zu befinden.</p>
</blockquote>
<p>Auch falsch. Bei mehrfacher Verwendung wird der Fokus nämlich wo gesetzt!?</p>
</blockquote>
<p>Was soll an der zitierten Aussage falsch sein? Ein Fokus sitzt an genau einer Stelle. Der Focus wird auf das erste Element mit autofocus-Attribut gesetzt.</p>
<p>dedlfix.</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746096#m1746096pl2019-04-04T09:51:52Z2019-04-04T09:51:52Zbestimmtes Eingabefeld vorselektieren<blockquote>
<p>Der Focus wird auf das erste Element mit autofocus-Attribut gesetzt.</p>
</blockquote>
<p>Na endlich!</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746098#m1746098pl2019-04-04T09:54:31Z2019-04-04T09:54:31Zbestimmtes Eingabefeld vorselektieren<blockquote>
<p>Wenn man’s so sieht, kann man das autofocus-Attribut an Elemente jeden Typs hängen, es wird dann gegebenenfalls ignoriert.</p>
</blockquote>
<p>Man kann ne ganze Menge machen. Es kommt aber nicht nur darauf an die Fehler zu finden sondern auch daraus zu lernen!</p>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746100#m1746100Rolf B2019-04-04T09:58:12Z2019-04-04T09:58:12Zbestimmtes Eingabefeld vorselektieren<p>Hallo Gunnar,</p>
<p>valides HTML wird weithin überschätzt - wenn die Browser jedes Dokument "broken" zurückweisen würden, das die Validierung nicht besteht, wäre es was anderes.</p>
<p>Jedenfalls sind mehrere autofocus-Element durchaus erlaubt, solange jedes seine eigene NASE hat. Ich habe das mal im Wiki nachgetragen.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746110#m1746110Auge2019-04-04T10:40:23Z2019-04-04T10:40:23Zbestimmtes Eingabefeld vorselektieren<p>Hallo</p>
<blockquote>
<blockquote>
<p>Der Focus wird auf das erste Element mit autofocus-Attribut gesetzt.</p>
</blockquote>
<p>Na endlich!</p>
</blockquote>
<p>Ganz so, wie <a href="https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746078#m1746078" rel="noopener noreferrer">Rolf es schon fast eine Stunden zuvor</a> geschrieben hatte:</p>
<p><em>„Wenn autofocus mehrfach gesetzt ist, bekommt das Element, das</em> [als] <em>erstes im DOM steht, den Fokus.“</em></p>
<p>Soweit dazu …</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br>
<em>Hohle Köpfe</em> von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2019/apr/3/bestimmtes-eingabefeld-vorselektieren/1746101#m1746101dedlfix2019-04-04T09:58:21Z2019-04-04T09:58:21Zbestimmtes Eingabefeld vorselektieren<p>Tach!</p>
<blockquote>
<p>Man kann ne ganze Menge machen. Es kommt aber nicht nur darauf an die Fehler zu finden sondern auch daraus zu lernen!</p>
</blockquote>
<p>Achwas, es kommt immer nur darauf an, solche Binsenweisheiten anderen zu erzählen und niemals, sie auf sich selbst anzuwenden.</p>
<p>dedlfix.</p>