{"id":59,"date":"2024-08-27T12:18:05","date_gmt":"2024-08-27T09:18:05","guid":{"rendered":"https:\/\/planeta21vek.ru\/elina732\/fr\/?p=59"},"modified":"2025-11-20T21:23:29","modified_gmt":"2025-11-20T18:23:29","slug":"atribut-autofocus","status":"publish","type":"post","link":"https:\/\/planeta21vek.ru\/elina732\/fr\/2024\/08\/27\/atribut-autofocus\/","title":{"rendered":"Attribut autofocus globale"},"content":{"rendered":"<p style=\"text-align: justify;\">L&rsquo;attribut autofocus d\u00e9finit le focus de saisie automatique par d\u00e9faut pour les champs du formulaire HTML lorsque la page est charg\u00e9e. L&rsquo;\u00e9l\u00e9ment dot\u00e9 de l&rsquo;attribut autofocus aura le focus lors du chargement de la page (le curseur qu&rsquo;il contient clignotera, si vous commencez \u00e0 saisir du texte \u00e0 l&rsquo;aide du clavier, il tombera dans le champ avec le focus de saisie). Un attribut est un attribut sans valeur. Il doit \u00eatre appliqu\u00e9 aux balises input, button ou textarea et \u00e0 un seul \u00e9l\u00e9ment par page, sinon il y aura un conflit.<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: justify;\">L&rsquo;attribut autofocus sp\u00e9cifie que le bouton re\u00e7oit le focus apr\u00e8s le chargement de la page. Un tel bouton peut \u00eatre enfonc\u00e9 imm\u00e9diatement sans lui transf\u00e9rer le focus, par exemple \u00e0 l&rsquo;aide du clavier. Par d\u00e9faut, cette valeur est d\u00e9sactiv\u00e9e. D\u00e9finit automatiquement le focus sur un champ de formulaire. Dans un tel champ, vous pouvez saisir imm\u00e9diatement du texte sans cliquer explicitement dessus avec le curseur de la souris. Compatible avec tous les navigateurs.<\/p>\n\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-60\" src=\"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-content\/uploads\/2024\/08\/autofocus270824.png\" alt=\"\" width=\"359\" height=\"241\" srcset=\"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-content\/uploads\/2024\/08\/autofocus270824.png 359w, https:\/\/planeta21vek.ru\/elina732\/fr\/wp-content\/uploads\/2024\/08\/autofocus270824-300x201.png 300w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/p>\n<p><span style=\"color: #993300;\"><strong>Exemple 1<\/strong><\/span><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;p&gt;En cliquant sur Suivant, vous acceptez tous les termes et conditions\r\nContrat de licence, explicite ou d\u00e9clar\u00e9 \r\nsous une forme implicite.&lt;\/p&gt;\r\n&lt;p&gt;&lt;button autofocus value=&quot;next&quot;&gt;Suivant&lt;\/button&gt;&lt;\/p&gt;\r\n<\/pre>\n<p><span style=\"color: #993300;\"><strong>Exemple 2<\/strong><\/span><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n &lt;form action=&quot;handler.php&quot;&gt;\r\n&lt;p&gt;Rechercher sur le site&lt;\/p&gt;\r\n&lt;p&gt;&lt;input type=&quot;search&quot; name=&quot;s&quot; autofocus&gt;\r\n&lt;input type=&quot;submit&quot; value=&quot;Recherche&quot;&gt;&lt;\/p&gt;\r\n&lt;\/form&gt;\r\n<\/pre>\n\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;attribut autofocus d\u00e9finit le focus de saisie automatique par d\u00e9faut pour les champs du formulaire HTML lorsque la page est charg\u00e9e. L&rsquo;\u00e9l\u00e9ment dot\u00e9 de l&rsquo;attribut autofocus aura le focus lors du chargement de la page (le curseur qu&rsquo;il contient clignotera, si vous commencez \u00e0 saisir du texte \u00e0 l&rsquo;aide du clavier, il tombera dans le champ avec le focus de saisie). Un attribut est un attribut sans valeur. Il doit \u00eatre appliqu\u00e9 aux balises input, button ou textarea et \u00e0 un seul \u00e9l\u00e9ment par page, sinon il y aura un conflit.<\/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\/fr\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":4,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts\/59\/revisions\/298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/media\/60"}],"wp:attachment":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}