diff options
| author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-13 07:08:36 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-13 07:08:36 +0200 |
| commit | 2727d3c76fd54476ecc29fc01b6ce3fe8e33b582 (patch) | |
| tree | 63d2792b527b189d288b229a63a8e98ddd95d23f /files/fr/web/html/attributes | |
| parent | faa42f59fe323aa6c5da07ab099ce903ab955cc5 (diff) | |
| download | translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.tar.gz translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.tar.bz2 translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.zip | |
Prepare HTML section for Markdown conversion (#2628)
* Remove summary classes
* Remove useless spans
* Remove notranslate
* Fix element index page (cf en-US)
* Align page vs en-US cf8bcd9 for CI
* Remove hidden classes
* remove ids
* Fix notes - part 1 / n
* Fix notes - part 2/2
* Fix warnings
* fix dls and some other issues
* Fix imgs and styles
Diffstat (limited to 'files/fr/web/html/attributes')
19 files changed, 134 insertions, 185 deletions
diff --git a/files/fr/web/html/attributes/accept/index.html b/files/fr/web/html/attributes/accept/index.html index 90f1ff9bed..ab22f146ca 100644 --- a/files/fr/web/html/attributes/accept/index.html +++ b/files/fr/web/html/attributes/accept/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/accept --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>accept</code></strong> prend comme valeur une liste séparée par des virgules d'un ou plusieurs types de fichiers, ou d'une <a href="#unique_file_type_specifiers">spécification de type de fichier unique</a>, décrivant les types de fichiers à autoriser. La propriété <code>accept</code> est un attribut pour les éléments <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> de type <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>. Elle était prise en charge par l'élément <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, mais a été supprimée au profit de <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a> dans HTML5.</p> +<p>L'attribut <strong><code>accept</code></strong> prend comme valeur une liste séparée par des virgules d'un ou plusieurs types de fichiers, ou d'une <a href="#unique_file_type_specifiers">spécification de type de fichier unique</a>, décrivant les types de fichiers à autoriser. La propriété <code>accept</code> est un attribut pour les éléments <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> de type <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>. Elle était prise en charge par l'élément <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, mais a été supprimée au profit de <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a> dans HTML5.</p> <p>Comme un type de fichier donné peut être identifié de plusieurs manières, il est utile de fournir un ensemble complet de spécificateurs de type lorsque vous avez besoin de fichiers d'un type spécifique, ou d'utiliser le joker pour indiquer qu'un type de n'importe quel format est accepté.</p> @@ -82,19 +82,16 @@ translation_of: Web/HTML/Attributes/accept </div> </form></pre> -<div class="hidden"> <pre class="brush: css">div { margin-bottom: 10px; }</pre> -</div> <p>Cela produit le résultat suivant :</p> <p>{{EmbedLiveSample('a_basic_example', 650, 100)}}</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Vous pouvez trouver cet exemple sur GitHub également - voir le <a href="https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/simple-file.html">code source</a>, et aussi <a href="https://mdn.github.io/learning-area/html/forms/file-examples/simple-file.html">le fonctionnement en direct</a>.</p> +<div class="note"> + <p><strong>Note :</strong> Vous pouvez trouver cet exemple sur GitHub également - voir le <a href="https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/simple-file.html">code source</a>, et aussi <a href="https://mdn.github.io/learning-area/html/forms/file-examples/simple-file.html">le fonctionnement en direct</a>.</p> </div> <p>Quel que soit le dispositif ou le système d'exploitation de l'utilisateur, l'entrée de fichier fournit un bouton qui ouvre une boîte de dialogue de sélection de fichier permettant à l'utilisateur de choisir un fichier.</p> @@ -127,11 +124,9 @@ translation_of: Web/HTML/Attributes/accept </div> </form></pre> -<div class="hidden"> -<pre class="brush: css">div { +<pre class="brush: css hidden">div { margin-bottom: 10px; }</pre> -</div> <p>{{EmbedLiveSample('limiting_accepted_file_types', 650, 100)}}</p> diff --git a/files/fr/web/html/attributes/autocomplete/index.html b/files/fr/web/html/attributes/autocomplete/index.html index 8e26069dd5..a419111c3f 100644 --- a/files/fr/web/html/attributes/autocomplete/index.html +++ b/files/fr/web/html/attributes/autocomplete/index.html @@ -22,7 +22,7 @@ original_slug: Web/HTML/Attributs/autocomplete --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <code>autocomplete</code> est disponible sur les éléments <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> qui prennent une valeur textuelle ou numérique en entrée, mais aussi pour les éléments <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>, <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>. <code>autocomplete</code> permet aux développeuses et développeurs web de spécifier quelle est l'autorisation éventuelle, pour l'<a href="/fr/docs/Glossary/User_agent">agent utilisateur</a>, de fournir une assistance automatisée afin de remplir les valeurs des champs de formulaire, ainsi que des indications au navigateur quant au type d'informations attendues dans le champ.</p> +<p>L'attribut <code>autocomplete</code> est disponible sur les éléments <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> qui prennent une valeur textuelle ou numérique en entrée, mais aussi pour les éléments <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>, <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>. <code>autocomplete</code> permet aux développeuses et développeurs web de spécifier quelle est l'autorisation éventuelle, pour l'<a href="/fr/docs/Glossary/User_agent">agent utilisateur</a>, de fournir une assistance automatisée afin de remplir les valeurs des champs de formulaire, ainsi que des indications au navigateur quant au type d'informations attendues dans le champ.</p> <p>La source fournissant les valeurs suggérées pour l'autocomplétion dépend du navigateur. Généralement, celle-ci est constituée des valeurs saisies précédemment par l'utilisateur. Des valeurs préconfigurées peuvent aussi être utilisées. Ainsi, un navigateur pourra permettre à un utilisateur d'enregistrer son nom, son adresse, son numéro de téléphone et des adresses électroniques pour l'aider lors de l'autocomplétion. Le navigateur pourrait également fournir le stockage chiffré des informations de cartes bancaires et déclencher une procédure d'authentification lorsque ces informations doivent être récupérées pour être utilisées.</p> @@ -30,9 +30,8 @@ original_slug: Web/HTML/Attributs/autocomplete <p>Pour plus d'informations, voir la documentation de l'attribut <a href="/fr/docs/Web/HTML/Element/Form#attr-autocomplete"><code>autocomplete</code></a> pour l'élément <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>.</p> -<div class="notecard note"> - <p><b>Note: </b></p> - <p>Afin de fournir des fonctionnalités d'autocomplétion, un agent utilisateur pourra utiliser les prérequis suivants quant aux éléments <code><input></code>/<code><select></code>/<code><textarea></code>:</p> +<div class="note"> + <p><strong>Note :</strong> Afin de fournir des fonctionnalités d'autocomplétion, un agent utilisateur pourra utiliser les prérequis suivants quant aux éléments <code><input></code>/<code><select></code>/<code><textarea></code>:</p> <ol> <li>Que ceux-ci aient un attribut <code>name</code> et/ou <code>id</code></li> @@ -46,9 +45,8 @@ original_slug: Web/HTML/Attributs/autocomplete <dl> <dt><code>off</code></dt> <dd>Le navigateur n'est pas autorisé à saisir automatiquement des valeurs pour ce champ. Cette valeur peut être utilisée lorsque le document ou l'application fournit son propre mécanisme d'autocomplétion ou lorsque des raisons de sécurité imposent de ne pas pouvoir saisir la valeur automatiquement. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Pour la plupart des navigateurs modernes, utiliser <code>autocomplete="off"</code> n'empêchera pas un gestionnaire de mots de passe de demander à l'utilisateur s'il souhaite sauvegarder le nom d'utilisateur et le mot de passe ou de renseigner automatiquement les informations pour un formulaire de connexion. Voir <a href="/fr/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#the_autocomplete_attribute_and_login_fields">l'article sur l'attribut <code>autocomplete</code> et les champs des formulaires de connexion</a>.</p> + <div class="note"> + <p><strong>Note :</strong> Pour la plupart des navigateurs modernes, utiliser <code>autocomplete="off"</code> n'empêchera pas un gestionnaire de mots de passe de demander à l'utilisateur s'il souhaite sauvegarder le nom d'utilisateur et le mot de passe ou de renseigner automatiquement les informations pour un formulaire de connexion. Voir <a href="/fr/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#the_autocomplete_attribute_and_login_fields">l'article sur l'attribut <code>autocomplete</code> et les champs des formulaires de connexion</a>.</p> </div> </dd> <dt><code>on</code></dt> @@ -163,9 +161,8 @@ original_slug: Web/HTML/Attributs/autocomplete <p>Voir <a href="https://html.spec.whatwg.org/multipage/forms.html#autofill">la spécification WHATWG</a> pour plus de détails.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>À la différence des autres navigateurs, pour Firefox, l'attribut <code>autocomplete</code> contrôlera également si <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">l'état de désactivation ou de coche dynamique persiste lors d'un rechargement de la page</a> pour un champ <code><input></code>. Par défaut, un élément reste désactivé ou coché/décoché lors des rechargements. En utilisant l'attribut <code>autocomplete</code> avec la valeur <code>off</code>, on désactive cette fonctionnalité. Cela fonctionne, y compris lorsque l'attribut <code>autocomplete</code> ne devrait pas s'appliquer à l'élément <code><input></code> d'après son type. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">bug 654072</a>.</p> +<div class="note"> + <p><strong>Note :</strong> À la différence des autres navigateurs, pour Firefox, l'attribut <code>autocomplete</code> contrôlera également si <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">l'état de désactivation ou de coche dynamique persiste lors d'un rechargement de la page</a> pour un champ <code><input></code>. Par défaut, un élément reste désactivé ou coché/décoché lors des rechargements. En utilisant l'attribut <code>autocomplete</code> avec la valeur <code>off</code>, on désactive cette fonctionnalité. Cela fonctionne, y compris lorsque l'attribut <code>autocomplete</code> ne devrait pas s'appliquer à l'élément <code><input></code> d'après son type. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">bug 654072</a>.</p> </div> <h2 id="examples">Exemples</h2> diff --git a/files/fr/web/html/attributes/capture/index.html b/files/fr/web/html/attributes/capture/index.html index 63cefd3d74..c55c1a05e9 100644 --- a/files/fr/web/html/attributes/capture/index.html +++ b/files/fr/web/html/attributes/capture/index.html @@ -12,12 +12,7 @@ translation_of: Web/HTML/Attributes/capture --- <p>{{HTMLSidebar}}</p> -<div class="notecard draft"> - <p><b>Brouillon :</b></p> - <p>Cette page n'est pas terminée.</p> -</div> - -<p class="summary">L'attribut <strong><code>capture</code></strong> spécifie que, facultativement, un nouveau fichier doit être capturé, et le périphérique qui devrait être utilisé pour capturer ce nouveau média d'un type défini par l'attribut <code><a href="accept">accept</a></code>. Les valeurs comprennent <code>user</code> et <code>environment</code>. L'attribut capture est pris en charge sur les champs de formulaire de type <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>.</p> +<p>L'attribut <strong><code>capture</code></strong> spécifie que, facultativement, un nouveau fichier doit être capturé, et le périphérique qui devrait être utilisé pour capturer ce nouveau média d'un type défini par l'attribut <code><a href="accept">accept</a></code>. Les valeurs comprennent <code>user</code> et <code>environment</code>. L'attribut capture est pris en charge sur les champs de formulaire de type <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>.</p> <p>L'attribut <code>capture</code> prend pour valeur une chaîne de caractères qui spécifie quelle caméra utiliser pour la capture des données d'image ou de vidéo, si l'attribut <a href="accept"><code>accept</code></a> indique que l'entrée doit être de l'un de ces types.</p> @@ -40,9 +35,8 @@ translation_of: Web/HTML/Attributes/capture </tbody> </table> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Capture était auparavant un attribut booléen qui, lorsqu'il était présent, indiqué que les périphériques de capture de l'appareil (comme la caméra ou le micro) devaient être utilisés plutôt que de demander à l'utilisateur de sélectionner un fichier.</p> +<div class="note"> + <p><strong>Note :</strong> Capture était auparavant un attribut booléen qui, lorsqu'il était présent, indiqué que les périphériques de capture de l'appareil (comme la caméra ou le micro) devaient être utilisés plutôt que de demander à l'utilisateur de sélectionner un fichier.</p> </div> <h2 id="examples">Exemples</h2> diff --git a/files/fr/web/html/attributes/crossorigin/index.html b/files/fr/web/html/attributes/crossorigin/index.html index 76893fe115..6d9a19c6c6 100644 --- a/files/fr/web/html/attributes/crossorigin/index.html +++ b/files/fr/web/html/attributes/crossorigin/index.html @@ -14,7 +14,7 @@ original_slug: Web/HTML/Reglages_des_attributs_CORS --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>crossorigin</code></strong>, valable sur les éléments <a href="/fr/docs/Web/HTML/Element/audio"><code><audio></code></a>, <a href="/fr/docs/Web/HTML/Element/Img"><code><img></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/script"><code><script></code></a> et <a href="/fr/docs/Web/HTML/Element/video"><code><video></code></a>, fournit la prise en charge de <a href="/en-US/docs/Web/HTTP/CORS">CORS</a>, définissant la manière dont l'élément traite les demandes d'origine croisée, permettant ainsi la configuration des demandes CORS pour les données extraites de l'élément. Selon l'élément, l'attribut peut être un attribut de paramètres CORS.</p> +<p>L'attribut <strong><code>crossorigin</code></strong>, valable sur les éléments <a href="/fr/docs/Web/HTML/Element/audio"><code><audio></code></a>, <a href="/fr/docs/Web/HTML/Element/Img"><code><img></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/script"><code><script></code></a> et <a href="/fr/docs/Web/HTML/Element/video"><code><video></code></a>, fournit la prise en charge de <a href="/en-US/docs/Web/HTTP/CORS">CORS</a>, définissant la manière dont l'élément traite les demandes d'origine croisée, permettant ainsi la configuration des demandes CORS pour les données extraites de l'élément. Selon l'élément, l'attribut peut être un attribut de paramètres CORS.</p> <p>L'attribut de contenu <code>crossorigin</code> sur les éléments médias est un attribut de paramétrage CORS.</p> @@ -47,9 +47,8 @@ original_slug: Web/HTML/Reglages_des_attributs_CORS <p>Un mot-clé invalide ou une chaîne de caractères vide seront interprétés comme le mot-clé <code>anonymous</code>.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Avant Firefox 83, l'attribut <code>crossorigin</code> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un bug sur Chrome</a>.</p> +<div class="note"> + <p><strong>Note :</strong> Avant Firefox 83, l'attribut <code>crossorigin</code> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un bug sur Chrome</a>.</p> </div> <h2 id="examples">Exemples</h2> diff --git a/files/fr/web/html/attributes/disabled/index.html b/files/fr/web/html/attributes/disabled/index.html index acc0a9cbfc..7bc4989a26 100644 --- a/files/fr/web/html/attributes/disabled/index.html +++ b/files/fr/web/html/attributes/disabled/index.html @@ -11,20 +11,19 @@ translation_of: Web/HTML/Attributes/disabled --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut booléen <code><strong>disabled</strong></code>, lorsqu'il est présent, rend l'élément non mutable, non focusable, ou même non soumis avec le formulaire. L'utilisateur ne peut ni modifier ni cibler le contrôle, ni les descendants du contrôle de formulaire. Si l'attribut <code>disabled</code> est spécifié sur un contrôle de formulaire, l'élément et ses descendants de contrôle de formulaire ne participent pas à la validation des contraintes. Souvent, les navigateurs grisent ces contrôles et ils ne reçoivent aucun événement de navigation, comme les clics de souris ou les événements liés au focus.</p> +<p>L'attribut booléen <code><strong>disabled</strong></code>, lorsqu'il est présent, rend l'élément non mutable, non focusable, ou même non soumis avec le formulaire. L'utilisateur ne peut ni modifier ni cibler le contrôle, ni les descendants du contrôle de formulaire. Si l'attribut <code>disabled</code> est spécifié sur un contrôle de formulaire, l'élément et ses descendants de contrôle de formulaire ne participent pas à la validation des contraintes. Souvent, les navigateurs grisent ces contrôles et ils ne reçoivent aucun événement de navigation, comme les clics de souris ou les événements liés au focus.</p> <p>L'attribut <code>disabled</code> est utilisé par <a href="/fr/docs/Web/HTML/Element/Button"><code><button></code></a>, <a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a>, <a href="/fr/docs/Web/HTML/Element/Keygen"><code><keygen></code></a>, <a href="/fr/docs/Web/HTML/Element/Optgroup"><code><optgroup></code></a>, <a href="/fr/docs/Web/HTML/Element/Option"><code><option></code></a>, <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a>, <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a> et <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a>.</p> <p>Cet attribut booléen indique que l'utilisateur ne peut pas interagir avec le contrôle ou ses contrôles descendants. Si cet attribut n'est pas spécifié, le contrôle hérite ce paramètre de l'élément contenant, par exemple <code>fieldset</code> ; s'il n'y a pas d'élément contenant avec l'attribut <code>disabled</code> défini, et que le contrôle lui-même ne possède pas cet attribut, alors le contrôle est activé. S'il est déclaré sur un <a href="/fr/docs/Web/HTML/Element/Optgroup"><code><optgroup></code></a>, le sélecteur est toujours interactif (sauf s'il est désactivé autrement), mais aucun des éléments du groupe d'options n'est sélectionnable.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Si un <a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a> est désactivé, les contrôles de formulaire descendants sont tous désactivés, à l'exception des contrôles de formulaire dans la légende (<a href="/fr/docs/Web/HTML/Element/Legend"><code><legend></code></a>).</p> +<div class="note"> + <p><strong>Note :</strong>Si un <a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a> est désactivé, les contrôles de formulaire descendants sont tous désactivés, à l'exception des contrôles de formulaire dans la légende (<a href="/fr/docs/Web/HTML/Element/Legend"><code><legend></code></a>).</p> </div> <p>Lorsqu'un élément de support a l'attribut <code>disabled</code> est appliqué, la pseudo-classe <a href="/fr/docs/Web/CSS/:disabled"><code>:disabled</code></a> s'y applique également. Inversement, les éléments qui prennent en charge l'attribut <code>disabled</code> mais qui n'ont pas l'attribut défini correspondent à la pseudo-classe <a href="/fr/docs/Web/CSS/:enabled"><code>:enabled</code></a>.</p> -<p>Cet attribut booléen empêche l'utilisateur d'interagir avec le bouton. Si cet attribut n'est pas défini, le bouton peut toujours être désactivé à partir d'un élément contenant, par exemple <code><a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a></code> ; s'il n'y a pas d'élément contenant avec l'attribut <code>disabled</code> défini, alors le bouton est activé.</p> +<p>Cet attribut booléen empêche l'utilisateur d'interagir avec le bouton. Si cet attribut n'est pas défini, le bouton peut toujours être désactivé à partir d'un élément contenant, par exemple <a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a> ; s'il n'y a pas d'élément contenant avec l'attribut <code>disabled</code> défini, alors le bouton est activé.</p> <p>Firefox va, contrairement aux autres navigateurs, faire persister l'état désactivé dynamique d'un <a href="/fr/docs/Web/HTML/Element/Button"><code><button></code></a> à travers les chargements de pages. Utilisez l'attribut <a href="/fr/docs/Web/HTML/Attributes/autocomplete"><code>autocomplete</code></a> pour contrôler cette fonctionnalité.</p> @@ -34,16 +33,15 @@ translation_of: Web/HTML/Attributes/disabled <p>Étant donné qu'un champ désactivé ne peut pas voir sa valeur modifiée, <a href="/fr/docs/Web/HTML/Attributes/required"><code>required</code></a> n'a aucun effet sur les entrées dont l'attribut <code>disabled</code> est également spécifié. De plus, puisque les éléments deviennent immuables, la plupart des autres attributs, tels que <a href="/fr/docs/Web/HTML/Attributes/pattern"><code>pattern</code></a>, n'ont aucun effet, tant que le contrôle n'est pas activé.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>L'attribut <code>required</code> n'est pas autorisé sur les entrées pour lesquelles l'attribut <code>disabled</code> est spécifié.</p> +<div class="note"> + <p><strong>Note :</strong>L'attribut <code>required</code> n'est pas autorisé sur les entrées pour lesquelles l'attribut <code>disabled</code> est spécifié.</p> </div> <h3 id="usability">Utilisation</h3> <p>Les navigateurs affichent les contrôles de formulaire désactivés en grisé, car les contrôles de formulaire désactivés sont immuables, ne reçoivent pas de focus ou d'événements de navigation, comme les clics de souris ou les événements liés au focus, et ne sont pas soumis avec le formulaire.</p> -<p>S'il est présent sur un élément de support, la pseudo-classe <a href="/fr/docs/Web/CSS/:disabled"><code>:disabled</code></a> correspondra. Si l'attribut n'est pas inclus, la pseudo-classe <code><a href="/fr/docs/Web/CSS/:enabled"><code>:enabled</code></a></code> correspondra. Si l'élément ne prend pas en charge l'attribut disabled, l'attribut n'aura aucun effet, y compris celui de ne pas être apparié par les pseudo-classes <code>:disabled</code> et <code>:enabled</code>.</p> +<p>S'il est présent sur un élément de support, la pseudo-classe <a href="/fr/docs/Web/CSS/:disabled"><code>:disabled</code></a> correspondra. Si l'attribut n'est pas inclus, la pseudo-classe <a href="/fr/docs/Web/CSS/:enabled"><code>:enabled</code></a> correspondra. Si l'élément ne prend pas en charge l'attribut disabled, l'attribut n'aura aucun effet, y compris celui de ne pas être apparié par les pseudo-classes <code>:disabled</code> et <code>:enabled</code>.</p> <h3 id="constraint_validation">Validation des contraintes</h3> diff --git a/files/fr/web/html/attributes/elementtiming/index.html b/files/fr/web/html/attributes/elementtiming/index.html index 8335ba0ed6..36cf4b9628 100644 --- a/files/fr/web/html/attributes/elementtiming/index.html +++ b/files/fr/web/html/attributes/elementtiming/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/elementtiming --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>elementtiming</code></strong> est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API <a href="/fr/docs/Web/API/Element_timing_API">Element Timing</a>. Cet attribut peut être appliqué aux éléments <a href="/fr/docs/Web/HTML/Element/Img"><code><img></code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code><image></code></a> à l'intérieur d'un <a href="/fr/docs/Web/SVG/Element/svg"><code><svg></code></a>, aux vignettes des éléments <a href="/fr/docs/Web/HTML/Element/video"><code><video></code></a>, aux éléments qui ont un <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a> et aux éléments contenant des noeuds de texte, comme un <a href="/fr/docs/Web/HTML/Element/p">paragraphe (<code><p>)</code></a>.</p> +<p>L'attribut <strong><code>elementtiming</code></strong> est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API <a href="/fr/docs/Web/API/Element_timing_API">Element Timing</a>. Cet attribut peut être appliqué aux éléments <a href="/fr/docs/Web/HTML/Element/Img"><code><img></code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code><image></code></a> à l'intérieur d'un <a href="/fr/docs/Web/SVG/Element/svg"><code><svg></code></a>, aux vignettes des éléments <a href="/fr/docs/Web/HTML/Element/video"><code><video></code></a>, aux éléments qui ont un <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a> et aux éléments contenant des noeuds de texte, comme un <a href="/fr/docs/Web/HTML/Element/p">paragraphe (<code><p>)</code></a>.</p> <h2 id="usage">Utilisation</h2> diff --git a/files/fr/web/html/attributes/for/index.html b/files/fr/web/html/attributes/for/index.html index 3499bc9489..4622351ac0 100644 --- a/files/fr/web/html/attributes/for/index.html +++ b/files/fr/web/html/attributes/for/index.html @@ -11,7 +11,7 @@ translation_of: Web/HTML/Attributes/for --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>for</code></strong> est un attribut autorisé pour <a href="/fr/docs/Web/HTML/Element/label"><code><label></code></a> et <a href="/fr/docs/Web/HTML/Element/output"><code><output></code></a>. Lorsqu'il est utilisé sur un élément <code><label></code>, il indique l'élément de formulaire que ce label décrit. Lorsqu'il est utilisé sur un élément <code><output></code>, il permet une relation explicite entre les éléments, qui représentent les valeurs, qui sont utilisées dans le résultat représenté par <code><output></code>.</p> +<p>L'attribut <strong><code>for</code></strong> est un attribut autorisé pour <a href="/fr/docs/Web/HTML/Element/label"><code><label></code></a> et <a href="/fr/docs/Web/HTML/Element/output"><code><output></code></a>. Lorsqu'il est utilisé sur un élément <code><label></code>, il indique l'élément de formulaire que ce label décrit. Lorsqu'il est utilisé sur un élément <code><output></code>, il permet une relation explicite entre les éléments, qui représentent les valeurs, qui sont utilisées dans le résultat représenté par <code><output></code>.</p> <h2 id="usage">Utilisation</h2> diff --git a/files/fr/web/html/attributes/index.html b/files/fr/web/html/attributes/index.html index f34c74e52d..c77e29a6ed 100644 --- a/files/fr/web/html/attributes/index.html +++ b/files/fr/web/html/attributes/index.html @@ -17,7 +17,7 @@ original_slug: Web/HTML/Attributs --- <div>{{HTMLSidebar}}</div> -<p class="summary">Les éléments HTML ont des <strong>attributs</strong> ; ce sont des valeurs supplémentaires qui configurent les éléments ou ajustent leur comportement de différentes manières pour répondre aux critères souhaités par les utilisateurs.</p> +<p>Les éléments HTML ont des <strong>attributs</strong> ; ce sont des valeurs supplémentaires qui configurent les éléments ou ajustent leur comportement de différentes manières pour répondre aux critères souhaités par les utilisateurs.</p> <h2 id="attribute_list">Liste des attributs</h2> @@ -98,9 +98,8 @@ original_slug: Web/HTML/Attributs <td> <p>Définit l'URL vers un fichier qui est une image.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Bien que les navigateurs et les clients <em>e-mails</em> prennent en charge cet attribut, cet attribut est obsolète. On utilisera plutôt la propriété <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a>.</p> + <div class="note"> + <p><strong>Note :</strong>Bien que les navigateurs et les clients <em>e-mails</em> prennent en charge cet attribut, cet attribut est obsolète. On utilisera plutôt la propriété <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a>.</p> </div> </td> </tr> @@ -110,9 +109,8 @@ original_slug: Web/HTML/Attributs <td> <p>Cet attribut indique la couleur d'arrière-plan pour l'élément.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/background-color"><code>background-color</code></a>.</p> + <div class="note"> + <p><strong>Note :</strong>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/background-color"><code>background-color</code></a>.</p> </div> </td> </tr> @@ -122,9 +120,8 @@ original_slug: Web/HTML/Attributs <td> <p>Cet attribut indique la largeur de la bordure.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/border"><code>border</code></a>.</p> + <div class="note"> + <p><strong>Note :</strong>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/border"><code>border</code></a>.</p> </div> </td> </tr> @@ -179,9 +176,8 @@ original_slug: Web/HTML/Attributs <td> <p>Cet attribut définit la couleur du texte grâce à un nom de couleur ou grâce à un code hexadécimal dans le format #RRGGBB.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/color"><code>color</code></a>.</p> + <div class="note"> + <p><strong>Note :</strong>Cet attribut est un attribut historique. Veuillez utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/color"><code>color</code></a>.</p> </div> </td> </tr> @@ -342,9 +338,8 @@ original_slug: Web/HTML/Attributs <td> <p>Pour ces éléments, cet attribut définit la hauteur occupée par l'élément. Pour les autres éléments, on utilisera <a href="/fr/docs/Web/CSS/height"><code>height</code></a> property.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Pour certains éléments comme <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a>,cet attribut est un reliquat et ne devrait plus être utilisé. C'est la propriété CSS <a href="/fr/docs/Web/CSS/height"><code>height</code></a> qui est la méthode standard pour définir la hauteur d'un élément.</p> + <div class="note"> + <p><strong>Note :</strong>Pour certains éléments comme <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a>,cet attribut est un reliquat et ne devrait plus être utilisé. C'est la propriété CSS <a href="/fr/docs/Web/CSS/height"><code>height</code></a> qui est la méthode standard pour définir la hauteur d'un élément.</p> </div> </td> </tr> @@ -464,9 +459,8 @@ original_slug: Web/HTML/Attributs <td><a href="/fr/docs/Web/HTML/Element/html#attr-manifest"><code>manifest</code></a> {{obsolete_inline}}</td> <td><a href="/fr/docs/Web/HTML/Element/html"><code><html></code></a></td> <td>Cet attribut définit l'URL du manifeste du document pour la gestion du cache. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Cet attribut est obsolète, utilisez <a href="/fr/docs/Web/Manifest"><code><link rel="manifest"></code></a> à la place.</p> + <div class="note"> + <p><strong>Note :</strong>Cet attribut est obsolète, utilisez <a href="/fr/docs/Web/Manifest"><code><link rel="manifest"></code></a> à la place.</p> </div> </td> </tr> @@ -724,9 +718,8 @@ original_slug: Web/HTML/Attributs <td><a href="/fr/docs/Web/HTML/Attributes/width"><code>width</code></a></td> <td><a href="/fr/docs/Web/HTML/Element/canvas"><code><canvas></code></a>, <a href="/fr/docs/Web/HTML/Element/embed"><code><embed></code></a>, <a href="/fr/docs/Web/HTML/Element/iframe"><code><iframe></code></a>, <a href="/fr/docs/Web/HTML/Element/Img"><code><img></code></a>, <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a>, <a href="/fr/docs/Web/HTML/Element/object"><code><object></code></a>, <a href="/fr/docs/Web/HTML/Element/video"><code><video></code></a></td> <td>Pour ces éléments, cet attribut définit la largeur occupée sur l'écran. - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Pour tous les autres éléments, comme <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a>, il faut utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/width"><code>width</code></a> afin de définir la largeur.</p> + <div class="note"> + <p><strong>Note :</strong>Pour tous les autres éléments, comme <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a>, il faut utiliser la propriété CSS standard <a href="/fr/docs/Web/CSS/width"><code>width</code></a> afin de définir la largeur.</p> </div> </td> </tr> diff --git a/files/fr/web/html/attributes/max/index.html b/files/fr/web/html/attributes/max/index.html index b7b6dd56f6..2db1bd554b 100644 --- a/files/fr/web/html/attributes/max/index.html +++ b/files/fr/web/html/attributes/max/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/max --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>max</code></strong> définit la valeur maximale acceptable et valide pour le champ de saisie contenant l'attribut. Si la <a href="/fr/docs/Web/HTML/Element/Input#attr-value"><code>valeur</code></a> de l'élément est supérieure à cette valeur, l'élément échoue à <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">la validation des contraintes</a>. Cette valeur doit être supérieure ou égale à la valeur de l'attribut <a href="min"><code>min</code></a>. Si l'attribut <code>max</code> est présent mais n'est pas spécifié ou est invalide, aucune valeur <code>max</code> n'est appliquée. Si l'attribut <code>max</code> est valide et qu'une valeur non vide est supérieure au maximum autorisé par l'attribut <code>max</code>, la validation des contraintes empêchera la soumission du formulaire.</p> +<p>L'attribut <strong><code>max</code></strong> définit la valeur maximale acceptable et valide pour le champ de saisie contenant l'attribut. Si la <a href="/fr/docs/Web/HTML/Element/Input#attr-value"><code>valeur</code></a> de l'élément est supérieure à cette valeur, l'élément échoue à <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">la validation des contraintes</a>. Cette valeur doit être supérieure ou égale à la valeur de l'attribut <a href="min"><code>min</code></a>. Si l'attribut <code>max</code> est présent mais n'est pas spécifié ou est invalide, aucune valeur <code>max</code> n'est appliquée. Si l'attribut <code>max</code> est valide et qu'une valeur non vide est supérieure au maximum autorisé par l'attribut <code>max</code>, la validation des contraintes empêchera la soumission du formulaire.</p> <p>Valable pour les types de saisie numérique, y compris les <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a>, ainsi que les deux éléments <a href="/fr/docs/Web/HTML/Element/Progress"><code><progress></code></a> et <a href="/fr/docs/Web/HTML/Element/Meter"><code><meter></code></a>, l'attribut <code>max</code> est un nombre qui spécifie la valeur la plus positive qu'un contrôle de formulaire doit considérer comme valide.</p> @@ -32,45 +32,44 @@ translation_of: Web/HTML/Attributes/max <tbody> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a></td> - <td><code class="brush: html">yyyy-mm-dd</code></td> - <td><code class="brush: html"><input type="date" max="2019-12-25" step="1"></code></td> + <td><pre class="brush: html">yyyy-mm-dd</pre></td> + <td><pre class="brush: html"><input type="date" max="2019-12-25" step="1"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a></td> - <td><code class="brush: html">yyyy-mm</code></td> - <td><code class="brush: html"><input type="month" max="2019-12" step="12"></code></td> + <td><pre class="brush: html">yyyy-mm</pre></td> + <td><pre class="brush: html"><input type="month" max="2019-12" step="12"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a></td> - <td><code class="brush: html">yyyy-W##</code></td> - <td><code class="brush: html"><input type="week" max="2019-W23" step=""></code></td> + <td><pre class="brush: html">yyyy-W##</pre></td> + <td><pre class="brush: html"><input type="week" max="2019-W23" step=""></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a></td> - <td><code class="brush: html">hh:mm</code></td> - <td><code class="brush: html"><input type="time" max="17:00" step="900"></code></td> + <td><pre class="brush: html">hh:mm</pre></td> + <td><pre class="brush: html"><input type="time" max="17:00" step="900"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a></td> <td><code>yyyy-mm-ddThh:mm</code></td> - <td><code class="brush: html"><input type="datetime-local" max="2019-12-25T23:59"></code></td> + <td><pre class="brush: html"><input type="datetime-local" max="2019-12-25T23:59"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a></td> <td><a href="/fr/docs/Web/CSS/number"><number></a></td> - <td><code class="brush: html"><input type="number" min="0" step="5" max="100"></code></td> + <td><pre class="brush: html"><input type="number" min="0" step="5" max="100"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a></td> <td><a href="/fr/docs/Web/CSS/number"><number></a></td> - <td><code class="brush: html"><input type="range" min="60" step="5" max="100"></code></td> + <td><pre class="brush: html"><input type="range" min="60" step="5" max="100"></pre></td> </tr> </tbody> </table> <div class="note"> - <p><b>Note :</b></p> - <p>Lorsque les données saisies par l'utilisateur ne respectent pas la valeur maximale fixée, la valeur est considérée comme invalide dans la validation des contraintes et correspondra aux pseudo-classes <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> + <p><strong>Note :</strong>Lorsque les données saisies par l'utilisateur ne respectent pas la valeur maximale fixée, la valeur est considérée comme invalide dans la validation des contraintes et correspondra aux pseudo-classes <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> </div> <p>Voir la <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">validation côté client</a> et <a href="/fr/docs/Web/API/ValidityState/rangeOverflow"><code>rangeOverflow</code></a> pour plus d'informations.</p> diff --git a/files/fr/web/html/attributes/maxlength/index.html b/files/fr/web/html/attributes/maxlength/index.html index a2cd5314f5..5ad331ca73 100644 --- a/files/fr/web/html/attributes/maxlength/index.html +++ b/files/fr/web/html/attributes/maxlength/index.html @@ -14,12 +14,7 @@ translation_of: Web/HTML/Attributes/maxlength --- <p>{{HTMLSidebar}}</p> -<div class="notecard draft"> - <p><b>Brouillon :</b></p> - <p>Cette page n'est pas terminée.</p> -</div> - -<p class="summary">L'attribut <strong><code>maxlength</code></strong> définit le nombre maximal de caractères (en unités de code UTF-16) que l'utilisateur peut saisir dans un <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> ou un <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>. Il doit s'agir d'un nombre entier égal ou supérieur à 0. Si aucune longueur maximale n'est spécifiée, ou si une valeur non valide est spécifiée, l'entrée ou la zone de texte n'a pas de longueur maximale.</p> +<p>L'attribut <strong><code>maxlength</code></strong> définit le nombre maximal de caractères (en unités de code UTF-16) que l'utilisateur peut saisir dans un <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> ou un <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>. Il doit s'agir d'un nombre entier égal ou supérieur à 0. Si aucune longueur maximale n'est spécifiée, ou si une valeur non valide est spécifiée, l'entrée ou la zone de texte n'a pas de longueur maximale.</p> <p>Toute valeur de <code>maxlength</code> doit être supérieure ou égale à la valeur de <a href="/fr/docs/Web/HTML/Attributes/minlength"><code>minlength</code></a>, si elle est présente et valide. L'entrée échoue à la validation des contraintes si la longueur de la valeur textuelle du champ est supérieure à la longueur maximale des unités de code UTF-16. La validation des contraintes n'est appliquée que lorsque la valeur est modifiée par l'utilisateur.</p> diff --git a/files/fr/web/html/attributes/min/index.html b/files/fr/web/html/attributes/min/index.html index 17e65cf47d..9a142deaeb 100644 --- a/files/fr/web/html/attributes/min/index.html +++ b/files/fr/web/html/attributes/min/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/min --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>min</code></strong> définit la valeur minimale qui est acceptable et valide pour l'entrée contenant l'attribut. Si la <a href="/fr/docs/Web/HTML/Element/Input#attr-value">valeur</a> de l'élément est inférieure à cette valeur, l'élément échoue lors de la <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">validation des contraintes</a>. Cette valeur doit être inférieure ou égale à la valeur de l'attribut <code>max</code>. Si une valeur est spécifiée pour <code>min</code> qui n'est pas un nombre valide, l'entrée n'a pas de valeur minimale.</p> +<p>L'attribut <strong><code>min</code></strong> définit la valeur minimale qui est acceptable et valide pour l'entrée contenant l'attribut. Si la <a href="/fr/docs/Web/HTML/Element/Input#attr-value">valeur</a> de l'élément est inférieure à cette valeur, l'élément échoue lors de la <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">validation des contraintes</a>. Cette valeur doit être inférieure ou égale à la valeur de l'attribut <code>max</code>. Si une valeur est spécifiée pour <code>min</code> qui n'est pas un nombre valide, l'entrée n'a pas de valeur minimale.</p> <p>Valable pour les types de saisie numérique, y compris les types <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a>, et l'élément <a href="/fr/docs/Web/HTML/Element/Meter"><code><meter></code></a>, l'attribut <code>min</code> est un nombre qui spécifie la valeur la plus négative qu'un contrôle de formulaire doit considérer comme valide.</p> @@ -30,45 +30,44 @@ translation_of: Web/HTML/Attributes/min <tbody> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a></td> - <td><code class="brush: html">yyyy-mm-dd</code></td> - <td><code class="brush: html"><input type="date" min="2019-12-25" step="1"></code></td> + <td><pre class="brush: html">yyyy-mm-dd</pre></td> + <td><pre class="brush: html"><input type="date" min="2019-12-25" step="1"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a></td> - <td><code class="brush: html">yyyy-mm</code></td> - <td><code class="brush: html"><input type="month" min="2019-12" step="12"></code></td> + <td><pre class="brush: html">yyyy-mm</pre></td> + <td><pre class="brush: html"><input type="month" min="2019-12" step="12"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a></td> - <td><code class="brush: html">yyyy-W##</code></td> - <td><code class="brush: html"><input type="week" min="2019-W23" step=""></code></td> + <td><pre class="brush: html">yyyy-W##</pre></td> + <td><pre class="brush: html"><input type="week" min="2019-W23" step=""></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a></td> - <td><code class="brush: html">hh:mm</code></td> - <td><code class="brush: html"><input type="time" min="09:00" step="900"></code></td> + <td><pre class="brush: html">hh:mm</pre></td> + <td><pre class="brush: html"><input type="time" min="09:00" step="900"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a></td> <td><code>yyyy-mm-ddThh:mm</code></td> - <td><code class="brush: html"><input type="datetime-local" min="2019-12-25T19:30"></code></td> + <td><pre class="brush: html"><input type="datetime-local" min="2019-12-25T19:30"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a></td> <td><a href="/fr/docs/Web/CSS/number"><number></a></td> - <td><code class="brush: html"><input type="number" min="0" step="5" max="100"></code></td> + <td><pre class="brush: html"><input type="number" min="0" step="5" max="100"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a></td> <td><a href="/fr/docs/Web/CSS/number"><number></a></td> - <td><code class="brush: html"><input type="range" min="60" step="5" max="100"></code></td> + <td><pre class="brush: html"><input type="range" min="60" step="5" max="100"></pre></td> </tr> </tbody> </table> <div class="note"> - <p><b>Note :</b></p> - <p>Lorsque les données saisies par l'utilisateur ne respectent pas la valeur minimale définie, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudo-classes <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> + <p><strong>Note :</strong>Lorsque les données saisies par l'utilisateur ne respectent pas la valeur minimale définie, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudo-classes <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> </div> <p>Voir la <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">validation côté client</a> et <a href="/fr/docs/Web/API/ValidityState/rangeUnderflow"><code>rangeUnderflow</code></a> pour plus d'informations.</p> diff --git a/files/fr/web/html/attributes/minlength/index.html b/files/fr/web/html/attributes/minlength/index.html index 42bbc2ab19..2e3960b93f 100644 --- a/files/fr/web/html/attributes/minlength/index.html +++ b/files/fr/web/html/attributes/minlength/index.html @@ -14,7 +14,7 @@ translation_of: Web/HTML/Attributes/minlength --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut <strong><code>minlength</code></strong> définit le nombre minimal de caractères (sous forme d'unités de code UTF-16) que l'utilisateur peut saisir dans un élément <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> ou <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>. Il doit s'agir d'une valeur entière égale ou supérieure à 0. Si aucune longueur minimale n'est spécifiée, ou si une valeur invalide est spécifiée, l'entrée n'a pas de longueur minimale. Cette valeur doit être inférieure ou égale à la valeur de <a href="/fr/docs/Web/HTML/Attributes/maxlength"><code>maxlength</code></a>, sinon la valeur ne sera jamais valide, car il est impossible de satisfaire aux deux critères.</p> +<p>L'attribut <strong><code>minlength</code></strong> définit le nombre minimal de caractères (sous forme d'unités de code UTF-16) que l'utilisateur peut saisir dans un élément <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> ou <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>. Il doit s'agir d'une valeur entière égale ou supérieure à 0. Si aucune longueur minimale n'est spécifiée, ou si une valeur invalide est spécifiée, l'entrée n'a pas de longueur minimale. Cette valeur doit être inférieure ou égale à la valeur de <a href="/fr/docs/Web/HTML/Attributes/maxlength"><code>maxlength</code></a>, sinon la valeur ne sera jamais valide, car il est impossible de satisfaire aux deux critères.</p> <p>L'entrée échouera à la validation des contraintes si la longueur de la valeur textuelle du champ est inférieure à <code>minlength</code> unités de code UTF-16, avec <a href="/fr/docs/Web/API/validityState/tooShort"><code>validityState.tooShort</code></a> retournant <code>true</code>. La validation des contraintes n'est appliquée que lorsque la valeur est modifiée par l'utilisateur. En cas d'échec de la soumission, certains navigateurs affichent un message d'erreur indiquant la longueur minimale requise et la longueur actuelle.</p> diff --git a/files/fr/web/html/attributes/multiple/index.html b/files/fr/web/html/attributes/multiple/index.html index 3f306bf96c..f5dbe76289 100644 --- a/files/fr/web/html/attributes/multiple/index.html +++ b/files/fr/web/html/attributes/multiple/index.html @@ -10,7 +10,7 @@ translation_of: Web/HTML/Attributes/multiple --- <p>{{HTMLSidebar}}</p> -<p class="summary">L'attribut booléen <strong><code>multiple</code></strong>, s'il est défini, signifie que le contrôle de formulaire accepte une ou plusieurs valeurs. Valable pour les types de saisie <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a> et l'élément <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a>, la manière dont l'utilisateur opte pour plusieurs valeurs dépend du contrôle de formulaire.</p> +<p>L'attribut booléen <strong><code>multiple</code></strong>, s'il est défini, signifie que le contrôle de formulaire accepte une ou plusieurs valeurs. Valable pour les types de saisie <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a> et l'élément <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a>, la manière dont l'utilisateur opte pour plusieurs valeurs dépend du contrôle de formulaire.</p> <p>Selon le type, le contrôle de formulaire peut avoir une apparence différente si l'attribut <code>multiple</code> est défini. Pour le type de saisie de fichier, la messagerie native fournie par le navigateur diffère. Dans Firefox, l'entrée de fichier indique « Aucun fichier sélectionné » lorsque l'attribut est présent et « Aucun fichier sélectionné » dans le cas contraire, lorsqu'aucun fichier n'est sélectionné. La plupart des navigateurs affichent une zone de liste déroulante pour un contrôle <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> avec l'attribut <code>multiple</code> défini contre une liste déroulante à une ligne lorsque l'attribut est omis. L'entrée <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a> s'affiche de la même manière, mais correspondra à la pseudo-classe <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> si plus d'une adresse électronique séparée par des virgules est incluse en l'absence de l'attribut.</p> @@ -57,9 +57,7 @@ translation_of: Web/HTML/Attributes/multiple <option value="doc@menuisiers.fr">Doc</option> </datalist></pre> -<div class="hidden"> <pre class="brush: css">input:invalid {border: red solid 3px;}</pre> -</div> <p>Si et seulement si l'attribut <code>multiple</code> est spécifié, la valeur peut être une liste d'adresses électroniques correctement formées et séparées par des virgules. Tout espace blanc de queue et de tête est supprimé de chaque adresse de la liste. Si l'attribut <a href="/fr/docs/Web/HTML/Attributs/required"><code>required</code></a> est présent, au moins une adresse électronique est requise.</p> diff --git a/files/fr/web/html/attributes/pattern/index.html b/files/fr/web/html/attributes/pattern/index.html index 73604d285f..c5e53db9ef 100644 --- a/files/fr/web/html/attributes/pattern/index.html +++ b/files/fr/web/html/attributes/pattern/index.html @@ -12,7 +12,7 @@ original_slug: Web/HTML/Attributs/pattern --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>pattern</code></strong> indique une <a href="/fr/docs/Web/JavaScript/Guide/Regular_Expressions">expression rationnelle</a> que doit respecter la valeur du contrôle du formulaire. Si une valeur non nulle (qui n'est pas <code>null</code>) ne respecte pas les contraintes portées par <code>pattern</code>, la propriété <a href="/fr/docs/Web/API/ValidityState/patternMismatch"><code>patternMismatch</code></a> en lecture seule, rattachée à l'objet <a href="/fr/docs/Web/API/ValidityState"><code>ValidityState</code></a>, vaudra <code>true</code>.</p> +<p>L'attribut <strong><code>pattern</code></strong> indique une <a href="/fr/docs/Web/JavaScript/Guide/Regular_Expressions">expression rationnelle</a> que doit respecter la valeur du contrôle du formulaire. Si une valeur non nulle (qui n'est pas <code>null</code>) ne respecte pas les contraintes portées par <code>pattern</code>, la propriété <a href="/fr/docs/Web/API/ValidityState/patternMismatch"><code>patternMismatch</code></a> en lecture seule, rattachée à l'objet <a href="/fr/docs/Web/API/ValidityState"><code>ValidityState</code></a>, vaudra <code>true</code>.</p> <p>L'attribut <code>pattern</code> peut être utilisé pour les champs de type <a href="/fr/docs/Web/HTML/Element/Input/text"><code>text</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/tel"><code>tel</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/url"><code>url</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/password"><code>password</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/search"><code>search</code></a>.</p> @@ -20,9 +20,8 @@ original_slug: Web/HTML/Attributs/pattern <p>Si le motif n'est pas indiqué ou est invalide, aucune expression rationnelle ne sera appliquée et l'attribut sera ignoré.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>On pourra utiliser l'attribut <a href="/fr/docs/Web/HTML/Element/Input#attr-title"><code>title</code></a> afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité.</p> +<div class="note"> + <p><strong>Note :</strong>On pourra utiliser l'attribut <a href="/fr/docs/Web/HTML/Element/Input#attr-title"><code>title</code></a> afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité.</p> </div> <p>Certains types d'<code><input></code> qui prennent en charge l'attribut <code>pattern</code> (notamment <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/url"><code>url</code></a>) ont des contraintes particulières qui doivent également être respectées. Si l'attribut <code>pattern</code> n'est pas présent et que la valeur saisie ne respecte pas la syntaxe attendue pour ce type de champ, la propriété en lecture seule <a href="/fr/docs/Web/API/ValidityState/typeMismatch"><code>typeMismatch</code></a> vaudra <code>true</code>.</p> @@ -38,9 +37,9 @@ original_slug: Web/HTML/Attributs/pattern <h2 id="examples">Exemples</h2> +<h3 id="Exemple 1">Exemple 1</h3> <p>Avec le fragment de code HTML suivant :</p> -<div id="exemple1"> <pre class="brush: html"><p> <label>Veuillez saisir votre numéro de téléphone au format (123)456-7890 (<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>)- @@ -57,8 +56,7 @@ original_slug: Web/HTML/Attributs/pattern border: red solid 3px; }</pre> -<div>{{EmbedLiveSample("exemple1", 300, 80)}}</div> -</div> +<div>{{EmbedLiveSample("Exemple_1", 300, 80)}}</div> <p>En utilisant les attributs <a href="/fr/docs/Web/HTML/Attributes/minlength"><code>minlength</code></a> et <a href="/fr/docs/Web/HTML/Attributes/maxlength"><code>maxlength</code></a> à la place, on aurait eu les propriétés <a href="/fr/docs/Web/API/validityState/tooLong"><code>validityState.tooLong</code></a> ou <a href="/fr/docs/Web/API/validityState/tooShort"><code>validityState.tooShort</code></a> qui auraient valu <code>true</code>.</p> @@ -81,8 +79,7 @@ original_slug: Web/HTML/Attributs/pattern </div> </form></pre> -<div class="hidden"> -<pre class="brush: css">div { +<pre class="brush: css hidden">div { margin-bottom: 10px; position: relative; } @@ -107,7 +104,6 @@ input:valid+span:after { content: '✓'; padding-left: 5px; }</pre> -</div> <p>Cela donne le résultat suivant :</p> diff --git a/files/fr/web/html/attributes/readonly/index.html b/files/fr/web/html/attributes/readonly/index.html index 18131ec228..9eba1c737c 100644 --- a/files/fr/web/html/attributes/readonly/index.html +++ b/files/fr/web/html/attributes/readonly/index.html @@ -11,20 +11,14 @@ translation_of: Web/HTML/Attributes/readonly --- <div>{{HTMLSidebar}}</div> -<div class="notecard draft"> - <p><b>Brouillon :</b></p> - <p>Cette page n'est pas terminée.</p> -</div> - -<p class="summary">L'attribut booléen <strong><code>readonly</code></strong>, lorsqu'il est présent, rend l'élément non mutable, ce qui signifie que l'utilisateur ne peut pas modifier le contrôle. Si l'attribut <code>readonly</code> est spécifié sur un élément de saisie, comme l'utilisateur ne peut pas modifier la saisie, l'élément ne participe pas à la validation des contraintes.</p> +<p>L'attribut booléen <strong><code>readonly</code></strong>, lorsqu'il est présent, rend l'élément non mutable, ce qui signifie que l'utilisateur ne peut pas modifier le contrôle. Si l'attribut <code>readonly</code> est spécifié sur un élément de saisie, comme l'utilisateur ne peut pas modifier la saisie, l'élément ne participe pas à la validation des contraintes.</p> <p>L'attribut <code>readonly</code> est pris en charge par les types <a href="/fr/docs/Web/HTML/Element/Input/text"><code>text</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/search"><code>search</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/url"><code>url</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/tel"><code>tel</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/password"><code>password</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/month"><code>mois</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, et <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a> de <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a> et les éléments de contrôle de formulaire <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a>. S'il est présent sur l'un de ces types de saisie et éléments, la pseudo-classe <a href="/fr/docs/Web/CSS/:read-only"><code>:read-only</code></a> correspondra. Si l'attribut n'est pas inclus, la pseudo-classe <a href="/fr/docs/Web/CSS/:read-write"><code>:read-write</code></a> correspondra.</p> <p>L'attribut n'est pas pris en charge ou pertinent pour <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> ou les types d'entrée qui ne sont déjà pas mutables, comme <a href="/fr/docs/Web/HTML/Element/Input/checkbox"><code>checkbox</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/radio"><code>radio</code></a> ou ne peuvent pas, par définition, commencer par une valeur, comme le type d'entrée <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>. <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/color"><code>color</code></a>, car tous deux ont des valeurs par défaut. Il n'est pas non plus pris en charge sur <a href="/fr/docs/Web/HTML/Element/Input/hidden"><code>hidden</code></a>, car on ne peut pas s'attendre à ce qu'un utilisateur remplisse un formulaire qui est caché. Il n'est pas non plus supporté sur des types de boutons, y compris <code>image</code>.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Seuls les contrôles de texte peuvent être rendus en lecture seule, car pour les autres contrôles (comme les cases à cocher et les boutons), il n'y a pas de distinction utile entre être en lecture seule et être désactivé, donc l'attribut <code>readonly</code> ne s'applique pas.</p> +<div class="note"> + <p><strong>Note :</strong>Seuls les contrôles de texte peuvent être rendus en lecture seule, car pour les autres contrôles (comme les cases à cocher et les boutons), il n'y a pas de distinction utile entre être en lecture seule et être désactivé, donc l'attribut <code>readonly</code> ne s'applique pas.</p> </div> <p>Lorsqu'une entrée possède l'attribut <code>readonly</code>, la pseudo-classe <a href="/fr/docs/Web/CSS/:read-only"><code>:read-only</code></a> s'y applique également. Inversement, les entrées qui prennent en charge l'attribut <code>readonly</code> mais qui n'ont pas l'attribut défini correspondent à la pseudo-classe <a href="/fr/docs/Web/CSS/:read-write"><code>:read-write</code></a>.</p> @@ -37,9 +31,8 @@ translation_of: Web/HTML/Attributes/readonly <p>Le seul moyen de modifier dynamiquement la valeur de l'attribut readonly est d'utiliser un script.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>L'attribut <code>required</code> n'est pas autorisé sur les entrées pour lesquelles l'attribut <code>readonly</code> est spécifié.</p> +<div class="note"> + <p><strong>Note :</strong>L'attribut <code>required</code> n'est pas autorisé sur les entrées pour lesquelles l'attribut <code>readonly</code> est spécifié.</p> </div> <h3 id="constraint_validation">Validation des contraintes</h3> diff --git a/files/fr/web/html/attributes/rel/index.html b/files/fr/web/html/attributes/rel/index.html index 45c4bb4ec0..c2f3fbde6d 100644 --- a/files/fr/web/html/attributes/rel/index.html +++ b/files/fr/web/html/attributes/rel/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/rel --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>rel</code></strong> définit la relation entre une ressource liée et le document actuel. Valable sur <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, les valeurs supportées dépendent de l'élément sur lequel se trouve l'attribut.</p> +<p>L'attribut <strong><code>rel</code></strong> définit la relation entre une ressource liée et le document actuel. Valable sur <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, et <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, les valeurs supportées dépendent de l'élément sur lequel se trouve l'attribut.</p> <p>Le type de relations est donné par la valeur de l'attribut <code>rel</code>, qui, s'il est présent, doit avoir une valeur qui est un ensemble non ordonné de mots-clés uniques séparés par des espaces. À la différence d'un nom de <code>class</code>, qui n'exprime pas de sémantique, l'attribut <code>rel</code> doit exprimer des mots-clés qui sont sémantiquement valides pour les machines et les humains. Les registres actuels des valeurs possibles de l'attribut <code>rel</code> sont le <a href="https://www.iana.org/assignments/link-relations/link-relations.xhtml">registre de relations de liens de l'IANA</a>, le <a href="https://html.spec.whatwg.org/multipage/links.html#linkTypes">HTML Living Standard</a>, et la page <a href="https://microformats.org/wiki/existing-rel-values">existing-rel-values</a> librement modifiable dans le wiki microformats, <a href="https://html.spec.whatwg.org/multipage/links.html#other-link-types">comme suggéré</a> par le Living Standard. Si un attribut <code>rel</code> non présent dans l'une des trois sources ci-dessus est utilisé, certains validateurs HTML (tels que le <a href="https://validator.w3.org/">W3C Markup Validation Service</a>) généreront un avertissement.</p> @@ -218,13 +218,12 @@ translation_of: Web/HTML/Attributes/rel <p><b>Note :</b> L'iOS d'Apple n'utilise pas ce type de lien, ni l'attribut <a href="sizes"><code>sizes</code></a>, comme le font d'autres navigateurs mobiles, pour sélectionner une icône de page Web pour Web Clip ou un espace réservé au démarrage. Au lieu de cela, il utilise les attributs non standard <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> et <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> respectivement.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> +<div class="note"> + <p><strong>Note :</strong>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> </div> <dl> - <dt><code id="alternate">alternate</code></dt> + <dt><code>alternate</code></dt> <dd>Indique une représentation alternative du document actuel. Valable pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, la signification dépend des valeurs des autres attributs. <ul> <li>Avec le mot clé <a href="#stylesheet"><code>stylesheet</code></a> sur un <code><link></code>, il crée une feuille de style alternative. @@ -242,24 +241,23 @@ translation_of: Web/HTML/Attributes/rel <link rel="alternate" href="/fr/pdf" hreflang="fr" type=application/pdf title="PDF Français"></pre> </li> </ul> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>L'attribut obsolète <code>rev="made"</code> est traité comme <code>rel="alternate"</code>.</p> + <div class="note"> + <p><strong>Note :</strong>L'attribut obsolète <code>rev="made"</code> est traité comme <code>rel="alternate"</code>.</p> </div> </dd> - <dt><code id="author">author</code></dt> + <dt><code>author</code></dt> <dd>Indique l'auteur du document ou de l'article en cours. Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot-clé <code>author</code> crée un lien hypertexte. Avec <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, il indique que le document lié (ou <code>mailto:</code>) fournit des informations sur l'auteur de l'ancêtre le plus proche d'un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a> s'il en existe un, sinon le document entier. Pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, il représente l'auteur du document entier.</dd> - <dt><code id="bookmark">bookmark</code></dt> + <dt><code>bookmark</code></dt> <dd>Pertinent comme valeur de l'attribut <code>rel</code> pour les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le signet fournit un permalien pour la section ancêtre, qui est l'ancêtre le plus proche d'un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a> ou <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, s'il y en a au moins un, sinon, le parent le plus proche de l'en-tête ou l'ancêtre descendant, jusqu'au suivant.</dd> - <dt><code id="canonical">canonical</code></dt> + <dt><code>canonical</code></dt> <dd>Valable pour <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, elle définit l'URL préférée du document actuel, ce qui est utile pour les moteurs de recherche.</dd> - <dt><code id="dns-prefetch">dns-prefetch</code></dt> + <dt><code>dns-prefetch</code></dt> <dd>Pertinent pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a> à la fois dans les éléments <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a> et <a href="/fr/docs/Web/HTML/Element/head"><code><head></code></a>, il indique au navigateur d'effectuer de manière préemptive la résolution DNS pour l'origine de la ressource cible. Utile pour les ressources dont l'utilisateur aura probablement besoin, elle permet de réduire la latence et donc d'améliorer les performances lorsque l'utilisateur accède effectivement aux ressources car le navigateur a effectué de manière préemptive la résolution DNS pour l'origine de la ressource spécifiée. Voir <a href="/fr/docs/Web/Performance/dns-prefetch">dns-prefetch</a> décrit dans les conseils.</dd> - <dt><code id="external">external</code></dt> + <dt><code>external</code></dt> <dd>S'appliquant à <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, elle indique que le document référencé ne fait pas partie du site actuel. Il peut être utilisé avec des sélecteurs d'attributs pour donner un style aux liens externes d'une manière qui indique à l'utilisateur qu'il va quitter le site actuel.</dd> - <dt><code id="help">help</code></dt> + <dt><code>help</code></dt> <dd>Concerne les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot clé <code>help</code> indique que le contenu lié fournit une aide contextuelle, fournissant des informations pour le parent de l'élément définissant l'hyperlien, et ses enfants. Lorsqu'il est utilisé dans <code><link></code>, l'aide concerne l'ensemble du document. Lorsqu'elle est incluse avec <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a> et qu'elle est prise en charge, le <a href="/fr/docs/Web/CSS/cursor"><code>cursor</code></a> par défaut sera <code>help</code> au lieu de <code>pointer</code>.</dd> - <dt><code id="icon">icon</code></dt> + <dt><code>icon</code></dt> <dd> <p>Valable avec <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, la ressource liée représente l'icône, ressource de représentation de la page dans l'interface utilisateur, pour le document courant.</p> @@ -269,68 +267,65 @@ translation_of: Web/HTML/Attributes/rel <p>S'il existe plusieurs <code><link rel="icon"></code>, le navigateur utilise leurs attributs <a href="media"><code>media</code></a>, <a href="type"><code>type</code></a>, et <a href="sizes"><code>sizes</code></a> pour sélectionner l'icône la plus appropriée. Si plusieurs icônes sont également appropriées, la dernière est utilisée. Si l'icône la plus appropriée s'avère ultérieurement inappropriée, par exemple parce qu'elle utilise un format non pris en charge, le navigateur passe à l'icône suivante la plus appropriée, et ainsi de suite.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Avant Firefox 83, l'attribut <a href="/fr/docs/Web/HTML/Attributes/crossorigin">crossorigin</a> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un problème pour Chrome</a>.</p> + <div class="note"> + <p><strong>Note :</strong>Avant Firefox 83, l'attribut <a href="/fr/docs/Web/HTML/Attributes/crossorigin">crossorigin</a> n'était pas pris en charge pour <code>rel="icon"</code> ; il existe également <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1121645">un problème pour Chrome</a>.</p> <p>L'iOS d'Apple n'utilise pas ce type de lien, ni l'attribut <a href="sizes"><code>sizes</code></a>, comme le font d'autres navigateurs mobiles, pour sélectionner une icône de page Web pour Web Clip ou un espace réservé au démarrage. Au lieu de cela, il utilise respectivement le type non standard <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> et <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a>.</p> <p>Le type de lien <code>shortcut</code> est souvent vu avant <code>icon</code>, mais ce type de lien est non conforme, ignoré et <strong>les auteurs web ne doivent plus l'utiliser</strong>.</p> </div> </dd> - <dt><code id="license">license</code></dt> + <dt><code>license</code></dt> <dd> <p>Valable sur les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a>, <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a> et <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, la valeur <code>license</code> indique que l'hyperlien mène à un document décrivant les informations relatives à la licence ; que le contenu principal du document actuel est couvert par la licence de droit d'auteur décrite par le document référencé. Si elle ne se trouve pas à l'intérieur de l'élément <a href="/fr/docs/Web/HTML/Element/head"><code><head></code></a>, la norme ne fait pas de distinction entre un hyperlien s'appliquant à une partie spécifique du document ou au document dans son ensemble. Seules les données de la page peuvent l'indiquer.</p> <pre class="brush: html"><link rel="license" href="#license"></pre> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Bien que reconnu, le synonyme <code>copyright</code> est incorrect et doit être évité.</p> + <div class="note"> + <p><strong>Note :</strong>Bien que reconnu, le synonyme <code>copyright</code> est incorrect et doit être évité.</p> </div> </dd> - <dt><code id="manifest">manifest</code></dt> + <dt><code>manifest</code></dt> <dd><a href="/fr/docs/Web/Manifest">Manifeste de l'application Web</a>. Nécessite l'utilisation du protocole CORS pour le « fetching cross-origin ».</dd> - <dt><code id="modulepreload">modulepreload</code></dt> + <dt><code>modulepreload</code></dt> <dd>Utile pour améliorer les performances, et pertinent pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a> n'importe où dans le document, la définition de <code>rel="modulepreload"</code> indique au navigateur de récupérer de manière préemptive le script (et les dépendances) et de le stocker dans la carte des modules du document pour une évaluation ultérieure. Les liens <code>modulepreload</code> peuvent garantir que la récupération du réseau se fait avec le module prêt (mais non évalué) dans la carte des modules avant qu'il ne soit nécessairement nécessaire. Voir aussi <a href="/fr/docs/Web/HTML/Link_types/modulepreload">Types de liens : <code>modulepreload</code></a>.</dd> - <dt><code id="next">next</code></dt> + <dt><code>next</code></dt> <dd>Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, les valeurs <code>next</code> indiquent que le document actuel fait partie d'une série, et que le document suivant dans la série est le document référencé. Lorsqu'elles sont incluses dans un <code><link></code>, les navigateurs peuvent supposer que le document sera récupéré ensuite, et le traiter comme une indication de ressource.</dd> - <dt><code id="nofollow">nofollow</code></dt> + <dt><code>nofollow</code></dt> <dd>Pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, le mot clé <code>nofollow</code> indique aux robots des moteurs de recherche d'ignorer la relation de lien. La relation nofollow peut indiquer que le propriétaire du document actuel ne cautionne pas le document référencé. Elle est souvent incluse par les optimiseurs de moteurs de recherche qui prétendent que leurs fermes de liens ne sont pas des pages de spam.</dd> - <dt><code id="noopener">noopener</code></dt> + <dt><code>noopener</code></dt> <dd>Cela concerne <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, elle crée un contexte de navigation de haut niveau qui n'est pas un contexte de navigation auxiliaire si l'hyperlien créait l'un ou l'autre pour commencer (c.-à-d. a une valeur appropriée de l'attribut <code>target</code>). En d'autres termes, il fait en sorte que le lien se comporte comme si <a href="/fr/docs/Web/API/Window/opener"><code>window.opener</code></a> était nul et que <code><a href="target">target</a>="_parent"</code> était défini.<br> <br> C'est le contraire de <a href="#opener">opener</a>.</dd> - <dt><code id="noreferrer">noreferrer</code></dt> + <dt><code>noreferrer</code></dt> <dd>Pertinent pour <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, l'inclusion de cette valeur rend le référent inconnu (aucun en-tête <code>Referer</code> ne sera inclus), et crée un contexte de navigation de haut niveau comme si <code>noopener</code> était également défini.</dd> - <dt><code id="opener">opener</code></dt> + <dt><code>opener</code></dt> <dd>Crée un contexte de navigation auxiliaire si l'hyperlien créerait autrement un contexte de navigation de haut niveau qui n'est pas un contexte de navigation auxiliaire (c.-à-d. a « <code>_blank</code> » comme valeur d'attribut <code>target</code>). Effectivement, c'est le contraire de <a href="#noopener">noopener</a>.</dd> - <dt><code id="pingback">pingback</code></dt> + <dt><code>pingback</code></dt> <dd>Donne l'adresse du serveur de retour d'appel qui gère les retours d'appel pour le document actuel.</dd> - <dt><code id="preconnect">preconnect</code></dt> + <dt><code>preconnect</code></dt> <dd>Spécifie que l'agent utilisateur doit se connecter de manière préemptive à l'origine de la ressource cible.</dd> - <dt><code id="prefetch">prefetch</code></dt> + <dt><code>prefetch</code></dt> <dd>Indique que l'agent utilisateur doit récupérer et mettre en cache de manière préemptive la ressource cible, car elle est susceptible d'être requise pour une navigation ultérieure.</dd> - <dt><code id="preload">preload</code></dt> + <dt><code>preload</code></dt> <dd>Spécifie que l'agent utilisateur doit récupérer et mettre en cache de manière préemptive la ressource cible pour la navigation actuelle en fonction de la destination potentielle donnée par l'attribut <a href="as"><code>as</code></a> (et la priorité associée à la destination correspondante).</dd> - <dt><code id="prerender">prerender</code></dt> + <dt><code>prerender</code></dt> <dd>Spécifie que l'agent utilisateur doit récupérer de manière préemptive la ressource cible et la traiter de manière à fournir une réponse plus rapide à l'avenir.</dd> - <dt><code id="prev">prev</code></dt> + <dt><code>prev</code></dt> <dd> <p>Similaire au mot-clé <a href="#next">next</a>, pertinent pour les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, les valeurs <code>prev</code> indiquent que le document actuel fait partie d'une série, et que le lien renvoie à un document précédent de la série est le document référencé.</p> - <div class="notecard note"> - <p><b>Note :</b></p> - <p>Le synonyme <code>previous</code> est incorrect et ne doit pas être utilisé.</p> + <div class="note"> + <p><strong>Note :</strong>Le synonyme <code>previous</code> est incorrect et ne doit pas être utilisé.</p> </div> </dd> - <dt><code id="search">search</code></dt> + <dt><code>search</code></dt> <dd> <p>Concerne les éléments <a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a>, <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code>< area></code></a>, les mots-clés <code>search</code> indiquent que l'hyperlien fait référence à un document dont l'interface est spécialement conçue pour effectuer des recherches dans le document actuel, le site et les ressources connexes, en fournissant un lien vers une ressource qui peut être utilisée pour effectuer une recherche.</p> <p>Si l'attribut <a href="type"><code>type</code></a> est défini à <code>application/opensearchdescription+xml</code>, la ressource est un <a href="/fr/docs/Web/OpenSearch">prolongateur OpenSearch</a> qui peut être facilement ajouté à l'interface de certains navigateurs comme Firefox ou Internet Explorer.</p> </dd> - <dt><code id="stylesheet">stylesheet</code></dt> + <dt><code>stylesheet</code></dt> <dd> <p>Valable pour l'élément <a href="/fr/docs/Web/HTML/Element/link"><code><link></code></a>, il importe une ressource externe à utiliser comme feuille de style. L'attribut <a href="type"><code>type</code></a> n'est pas nécessaire, car il s'agit d'une feuille de style <code>text/css</code>, puisque c'est la valeur par défaut. S'il ne s'agit pas d'une feuille de style de type <code>text/css</code>, il est préférable de déclarer le type.</p> @@ -342,7 +337,7 @@ translation_of: Web/HTML/Attributes/rel <p>Nécessite l'utilisation du protocole CORS pour la récupération inter-origine.</p> </dd> - <dt><code id="tag">tag</code></dt> + <dt><code>tag</code></dt> <dd>Valable pour les éléments <a href="/fr/docs/Web/HTML/Element/a"><code><a></code></a> et <a href="/fr/docs/Web/HTML/Element/area"><code><area></code></a>, il donne une balise (identifiée par l'adresse donnée) qui s'applique au document actuel. La valeur de la balise indique que le lien renvoie à un document, décrivant une balise s'appliquant au document sur lequel il se trouve. Ce type de lien n'est pas destiné aux balises, dans un nuage de balises, car elles s'appliquent à un groupe de pages, alors que la valeur <code>tag</code> de l'attribut <code>rel</code> concerne un seul document.</dd> </dl> @@ -350,7 +345,7 @@ translation_of: Web/HTML/Attributes/rel <dl> <dt>apple-touch-icon-precomposed</dt> - <dd> + <dd><p>Exemple d'utilisation</p> <pre class="brush: html"><!-- iPad de troisième génération avec écran Retina haute résolution : --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/favicon144.e7e21ca263ca.png"> <!-- iPhone avec écran Retina haute résolution : --> @@ -407,13 +402,13 @@ translation_of: Web/HTML/Attributes/rel <tr> <td>{{SpecName("HTML3.2", "#link", "<link>")}}</td> <td> - <p><span class="spec-obsolete">Obsolète</span></p> + <p>Obsolète</p> </td> <td>Ajout de <code>top</code>, <code>contents</code>, <code>index</code>, <code>glossary</code>, <code>copyright</code>, <code>next</code>, <code>previous</code>, <code>help</code> et <code>search</code>.</td> </tr> <tr> <td>{{RFC(1866, "HTML 2.0")}}</td> - <td><span class="spec-obsolete">Obsolète</span></td> + <td>Obsolète</td> <td>Définition initiale.</td> </tr> </tbody> diff --git a/files/fr/web/html/attributes/required/index.html b/files/fr/web/html/attributes/required/index.html index a9ee8bdaaf..56e487c081 100644 --- a/files/fr/web/html/attributes/required/index.html +++ b/files/fr/web/html/attributes/required/index.html @@ -11,7 +11,7 @@ translation_of: Web/HTML/Attributes/required --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut booléen <strong><code>required</code></strong>, s'il est présent, indique que l'utilisateur doit spécifier une valeur pour l'entrée avant que le formulaire propriétaire puisse être soumis. L'attribut <code>required</code> est pris en charge pour les éléments <a href="/fr/docs/Web/HTML/Element/Input/text"><code>text</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/search"><code>search</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/url"><code>url</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/tel"><code>tel</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/password"><code>password</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href=" /fr/docs/Web/HTML/Element/Input/month" ><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/checkbox"><code>checkbox</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/radio"><code>radio</code></a>, les éléments <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>, <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a>, <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> et <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a> de contrôle de formulaire. Si elle est présente sur l'un de ces types de saisie et éléments, la pseudo-classe <a href="/fr/docs/Web/CSS/:required"><code>:required</code></a> s'appliquera. Si l'attribut n'est pas inclus, la pseudo-classe <a href="/fr/docs/Web/CSS/:optional"><code>:optional</code></a> s'appliquera.</p> +<p>L'attribut booléen <strong><code>required</code></strong>, s'il est présent, indique que l'utilisateur doit spécifier une valeur pour l'entrée avant que le formulaire propriétaire puisse être soumis. L'attribut <code>required</code> est pris en charge pour les éléments <a href="/fr/docs/Web/HTML/Element/Input/text"><code>text</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/search"><code>search</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/url"><code>url</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/tel"><code>tel</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/email"><code>email</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/password"><code>password</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href=" /fr/docs/Web/HTML/Element/Input/month" ><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/checkbox"><code>checkbox</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/radio"><code>radio</code></a>, les éléments <a href="/fr/docs/Web/HTML/Element/Input/file"><code>file</code></a>, <a href="/fr/docs/Web/HTML/Element/Input"><code><input></code></a>, <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a> et <a href="/fr/docs/Web/HTML/Element/Textarea"><code><textarea></code></a> de contrôle de formulaire. Si elle est présente sur l'un de ces types de saisie et éléments, la pseudo-classe <a href="/fr/docs/Web/CSS/:required"><code>:required</code></a> s'appliquera. Si l'attribut n'est pas inclus, la pseudo-classe <a href="/fr/docs/Web/CSS/:optional"><code>:optional</code></a> s'appliquera.</p> <p>L'attribut n'est pas pris en charge ou n'est pas pertinent pour <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/color"><code>color</code></a>, car les deux ont des valeurs par défaut. Il n'est pas non plus pris en charge sur <a href="/fr/docs/Web/HTML/Element/Input/hidden"><code>hidden</code></a> car on ne peut pas s'attendre à ce qu'un utilisateur remplisse un formulaire qui est caché. Il n'est pas non plus supporté sur aucun des types de boutons, y compris <code>image</code>.</p> @@ -21,9 +21,8 @@ translation_of: Web/HTML/Attributes/required <p>Dans le cas d'un même groupe nommé de types d'entrée <a href="/fr/docs/Web/HTML/Element/Input/checkbox"><code>checkbox</code></a>, seules les cases à cocher avec l'attribut <code>required</code> sont obligatoires.</p> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Le réglage <code><a href="/fr/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_attribute">aria-required</a>="true"</code> indique à un lecteur d'écran qu'un élément (n'importe lequel) est requis, mais n'a aucune incidence sur le caractère facultatif de l'élément.</p> +<div class="note"> + <p><strong>Note :</strong>Le réglage <code><a href="/fr/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_attribute">aria-required</a>="true"</code> indique à un lecteur d'écran qu'un élément (n'importe lequel) est requis, mais n'a aucune incidence sur le caractère facultatif de l'élément.</p> </div> <h2 id="attribute_interactions">Interactions entre attributs</h2> diff --git a/files/fr/web/html/attributes/size/index.html b/files/fr/web/html/attributes/size/index.html index 8e6c06105a..aac800a452 100644 --- a/files/fr/web/html/attributes/size/index.html +++ b/files/fr/web/html/attributes/size/index.html @@ -11,7 +11,7 @@ translation_of: Web/HTML/Attributes/size --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>size</code></strong> définit la largeur de l'élément <a href="/fr/docs/Web/HTML/Element/input"><code><input></code></a> et la hauteur de l'élément <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a>. Pour <code>input</code>, si l'attribut <code>type</code> est <a href="/fr/docs/Web/HTML/Element/input/text"><code>text</code></a> ou <a href="/fr/docs/Web/HTML/Element/input/password"><code>password</code></a> alors c'est le nombre de caractères. Il doit s'agir d'un nombre entier de valeur 0 ou supérieure. Si aucun <code>size</code> n'est spécifié, ou si une valeur invalide est spécifiée, l'entrée n'a pas de taille déclarée, et le contrôle de formulaire aura la largeur par défaut basée sur l'agent utilisateur. Si CSS cible l'élément avec des propriétés ayant un impact sur la largeur, CSS a la priorité.</p> +<p>L'attribut <strong><code>size</code></strong> définit la largeur de l'élément <a href="/fr/docs/Web/HTML/Element/input"><code><input></code></a> et la hauteur de l'élément <a href="/fr/docs/Web/HTML/Element/select"><code><select></code></a>. Pour <code>input</code>, si l'attribut <code>type</code> est <a href="/fr/docs/Web/HTML/Element/input/text"><code>text</code></a> ou <a href="/fr/docs/Web/HTML/Element/input/password"><code>password</code></a> alors c'est le nombre de caractères. Il doit s'agir d'un nombre entier de valeur 0 ou supérieure. Si aucun <code>size</code> n'est spécifié, ou si une valeur invalide est spécifiée, l'entrée n'a pas de taille déclarée, et le contrôle de formulaire aura la largeur par défaut basée sur l'agent utilisateur. Si CSS cible l'élément avec des propriétés ayant un impact sur la largeur, CSS a la priorité.</p> <p>L'attribut <code>size</code> n'a aucun impact sur la validation des contraintes.</p> diff --git a/files/fr/web/html/attributes/step/index.html b/files/fr/web/html/attributes/step/index.html index fca8bc80d0..c87e0ddc44 100644 --- a/files/fr/web/html/attributes/step/index.html +++ b/files/fr/web/html/attributes/step/index.html @@ -12,7 +12,7 @@ translation_of: Web/HTML/Attributes/step --- <div>{{HTMLSidebar}}</div> -<p class="summary">L'attribut <strong><code>step</code></strong> est un nombre qui indique l'incrément que la valeur doit suivre ou le mot-clé <code>any</code>. Il est valable pour les types de saisie numérique, notamment les <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a>.</p> +<p>L'attribut <strong><code>step</code></strong> est un nombre qui indique l'incrément que la valeur doit suivre ou le mot-clé <code>any</code>. Il est valable pour les types de saisie numérique, notamment les <a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a>, <a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a> et <a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a>.</p> <p><code>step</code> définit l'incrément obtenu lors du clic sur les boutons déroulants haut et bas, du déplacement d'un curseur vers la gauche et la droite sur une plage, et de la validation des différents types de date. S'il n'est pas explicitement inclus, <code>step</code> prend par défaut la valeur 1 pour <code>number</code> et <code>range</code>, et 1 type d'unité (minute, semaine, mois, jour) pour les types d'entrée date/heure. La valeur doit être un nombre positif - entier ou flottant - ou la valeur spéciale <code>any</code>, ce qui signifie qu'aucun incrément n'est impliqué et que toute valeur est autorisée (sauf autres contraintes, comme <a href="/fr/docs/Web/HTML/Attributes/min"><code>min</code></a> et <a href="/fr/docs/Web/HTML/Attributes/max"><code>max</code></a>).</p> @@ -33,37 +33,37 @@ translation_of: Web/HTML/Attributes/step <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/date"><code>date</code></a></td> <td>1 (jour)</td> - <td><code class="brush: html"><input type="date" min="2019-12-25" step="1"></code></td> + <td><pre class="brush: html"><input type="date" min="2019-12-25" step="1"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/month"><code>month</code></a></td> <td>1 (mois)</td> - <td><code class="brush: html"><input type="month" min="2019-12" step="12"></code></td> + <td><pre class="brush: html"><input type="month" min="2019-12" step="12"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/week"><code>week</code></a></td> <td>1 (semaine)</td> - <td><code class="brush: html"><input type="week" min="2019-W23" step="2"></code></td> + <td><pre class="brush: html"><input type="week" min="2019-W23" step="2"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/time"><code>time</code></a></td> <td>60 (secondes)</td> - <td><code class="brush: html"><input type="time" min="09:00" step="900"></code></td> + <td><pre class="brush: html"><input type="time" min="09:00" step="900"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/datetime-local"><code>datetime-local</code></a></td> <td>1 (jour)</td> - <td><code class="brush: html"><input type="datetime-local" min="019-12-25T19:30" step="7"></code></td> + <td><pre class="brush: html"><input type="datetime-local" min="019-12-25T19:30" step="7"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/number"><code>number</code></a></td> <td>1</td> - <td><code class="brush: html"><input type="number" min="0" step="0.1" max="10"></code></td> + <td><pre class="brush: html"><input type="number" min="0" step="0.1" max="10"></pre></td> </tr> <tr> <td><a href="/fr/docs/Web/HTML/Element/Input/range"><code>range</code></a></td> <td>1</td> - <td><code class="brush: html"><input type="range" min="0" step="2" max="10"></code></td> + <td><pre class="brush: html"><input type="range" min="0" step="2" max="10"></pre></td> </tr> </tbody> </table> @@ -88,9 +88,8 @@ translation_of: Web/HTML/Attributes/step <div>{{EmbedLiveSample("min_impact_on_step","",50)}}</div> -<div class="notecard note"> - <p><b>Note :</b></p> - <p>Lorsque les données saisies par l'utilisateur ne respectent pas la configuration indiquée par l'incrément, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudoclasses <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> +<div class="note"> + <p><strong>Note :</strong>Lorsque les données saisies par l'utilisateur ne respectent pas la configuration indiquée par l'incrément, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudoclasses <a href="/fr/docs/Web/CSS/:invalid"><code>:invalid</code></a> et <a href="/fr/docs/Web/CSS/:out-of-range"><code>:out-of-range</code></a>.</p> </div> <p>Voir <a href="/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation">Validation côté client</a> et <a href="/fr/docs/Web/API/ValidityState/stepMismatch"><code>stepMismatch</code></a> pour plus d'informations.</p> |