{"id":59,"date":"2024-08-27T12:18:05","date_gmt":"2024-08-27T09:18:05","guid":{"rendered":"https:\/\/planeta21vek.ru\/elina732\/deu\/?p=59"},"modified":"2025-11-20T21:16:19","modified_gmt":"2025-11-20T18:16:19","slug":"atribut-autofocus","status":"publish","type":"post","link":"https:\/\/planeta21vek.ru\/elina732\/deu\/2024\/08\/27\/atribut-autofocus\/","title":{"rendered":"Globales autofocus-Attribut"},"content":{"rendered":"<p style=\"text-align: justify;\">Das autofocus-Attribut legt den standardm\u00e4\u00dfigen automatischen Eingabefokus f\u00fcr HTML-Formularfelder fest, wenn die Seite geladen wird. Das Element, dem das autofocusAttribut zugewiesen ist, hat den Fokus, wenn die Seite geladen wird (der Cursor darin blinkt, wenn Sie mit der Texteingabe \u00fcber die Tastatur beginnen, f\u00e4llt er in das Feld mit dem Eingabefokus). Ein Attribut ist ein Attribut ohne Wert. Es sollte auf input, button oder textarea-Tags und nur auf ein Element pro Seite angewendet werden, andernfalls kommt es zu einem Konflikt.<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: justify;\">Das autofocus-Attribut gibt an, dass die Schaltfl\u00e4che den Fokus erh\u00e4lt, nachdem die Seite geladen wurde. Eine solche Taste kann sofort gedr\u00fcckt werden, ohne den Fokus darauf zu verlagern, beispielsweise \u00fcber die Tastatur. Standardm\u00e4\u00dfig ist dieser Wert deaktiviert. Setzt den Fokus automatisch auf ein Formularfeld. In einem solchen Feld k\u00f6nnen Sie sofort Text eingeben, ohne explizit mit dem Mauszeiger darauf zu klicken. Kompatibel mit allen Browsern.<\/p>\n\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-60\" src=\"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-content\/uploads\/2024\/08\/autofocus270824.png\" alt=\"\" width=\"359\" height=\"241\" srcset=\"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-content\/uploads\/2024\/08\/autofocus270824.png 359w, https:\/\/planeta21vek.ru\/elina732\/deu\/wp-content\/uploads\/2024\/08\/autofocus270824-300x201.png 300w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/p>\n<p><span style=\"color: #993300;\"><strong>Beispiel 1<\/strong><\/span><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n &amp;lt;fieldset&amp;gt;\r\n&amp;lt;p&amp;gt;Indem Sie auf \u201eWeiter\u201c klicken, stimmen Sie allen Gesch\u00e4ftsbedingungen zu\r\nLizenzvereinbarung, entweder ausdr\u00fccklich oder angegeben \r\nin impliziter Form.&amp;lt;\/p&amp;gt;\r\n&amp;lt;p&amp;gt;&amp;lt;button autofocus value=&amp;quot;next&amp;quot;&amp;gt;Weiter&amp;lt;\/button&amp;gt;&amp;lt;\/p&amp;gt;\r\n&amp;lt;\/fieldset&amp;gt;\r\n<\/pre>\n<p><span style=\"color: #993300;\"><strong>Beispiel 2<\/strong><\/span><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n &amp;lt;form action=&amp;quot;handler.php&amp;quot;&amp;gt;\r\n&amp;lt;p&amp;gt;Durchsuchen Sie die Website&amp;lt;\/p&amp;gt;\r\n&amp;lt;p&amp;gt;&amp;lt;input type=&amp;quot;search&amp;quot; name=&amp;quot;s&amp;quot; autofocus&amp;gt;\r\n&amp;lt;input type=&amp;quot;submit&amp;quot; value=&amp;quot;Suchen&amp;quot;&amp;gt;&amp;lt;\/p&amp;gt;\r\n&amp;lt;\/form&amp;gt;\r\n<\/pre>\n\n","protected":false},"excerpt":{"rendered":"<p>Das autofocus-Attribut legt den standardm\u00e4\u00dfigen automatischen Eingabefokus f\u00fcr HTML-Formularfelder fest, wenn die Seite geladen wird. Das Element, dem das autofocusAttribut zugewiesen ist, hat den Fokus, wenn die Seite geladen wird (der Cursor darin blinkt, wenn Sie mit der Texteingabe \u00fcber die Tastatur beginnen, f\u00e4llt er in das Feld mit dem Eingabefokus). Ein Attribut ist ein Attribut ohne Wert. Es sollte auf input, button oder textarea-Tags und nur auf ein Element pro Seite angewendet werden, andernfalls kommt es zu einem Konflikt.<\/p>\n","protected":false},"author":1,"featured_media":60,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[18,16,13],"class_list":{"0":"post-59","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-htmlverstka","8":"category-programmirovanie","9":"tag-autofocus","10":"tag-css","11":"tag-html"},"_links":{"self":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":5,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/59\/revisions\/302"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/media\/60"}],"wp:attachment":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}