From 6f85683973762f84f6d99211b3b6158059e16f5a Mon Sep 17 00:00:00 2001 From: tristantheb Date: Sun, 6 Jun 2021 11:44:55 +0200 Subject: UPDATE: Update translation of the HTML attributes (#706) * UPDATE: Refresh of the index page and remove KS * L10N: Translation of the accept attributes * UPDATE: Refresh of the autocomplete attribute * L10N: Translation of the capture attribute * Revert accept with BCD (but table not exist) * UPDATE: Refresh the crossorigin attribute * L10N: Translation of the disabled attribute * L10N: Translation of the elementtiming attribute * L10N: Translation of the for attribute * L10N: Translation of the max attribute * L10N: Translation of the maxlength attribute * L10N: Translation of the min attribute * FIX: Add missing summary * L10N: Translation of the minlength attribute * L10N: Translation of the multiple attribute * UPDATE: Refresh the pattern attribute * L10N: Translation of the readonly attribute * L10N: Translation of the rel attribute * L10N: Translation of the required attribute * L10N: Translation of the size attribute * L10N: Translation of the step attribute * Review - attr accept * Typo live sample * Review - capture * Review - autocomplete * Review - crossorigin * Review disabled * Review elementtiming * Review - for * Review max * Review - maxlength * Review min * Review minlength * Review multiple * Review pattern * Review readonly * Review rel * Review required * Review size * Review step * Review attributes index Co-authored-by: julieng --- files/fr/web/html/attributes/readonly/index.html | 114 +++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 files/fr/web/html/attributes/readonly/index.html (limited to 'files/fr/web/html/attributes/readonly') diff --git a/files/fr/web/html/attributes/readonly/index.html b/files/fr/web/html/attributes/readonly/index.html new file mode 100644 index 0000000000..18131ec228 --- /dev/null +++ b/files/fr/web/html/attributes/readonly/index.html @@ -0,0 +1,114 @@ +--- +title: 'Attribut HTML : readonly' +slug: Web/HTML/Attributes/readonly +tags: + - Attribute + - Attributes + - Constraint validation + - Forms + - required +translation_of: Web/HTML/Attributes/readonly +--- +
{{HTMLSidebar}}
+ +
+

Brouillon :

+

Cette page n'est pas terminée.

+
+ +

L'attribut booléen readonly, 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 readonly 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.

+ +

L'attribut readonly est pris en charge par les types text, search, url, tel, email, password, date, mois, week, time, datetime-local, et number de <input> et les éléments de contrôle de formulaire <textarea>. S'il est présent sur l'un de ces types de saisie et éléments, la pseudo-classe :read-only correspondra. Si l'attribut n'est pas inclus, la pseudo-classe :read-write correspondra.

+ +

L'attribut n'est pas pris en charge ou pertinent pour <select> ou les types d'entrée qui ne sont déjà pas mutables, comme checkbox et radio ou ne peuvent pas, par définition, commencer par une valeur, comme le type d'entrée file. range et color, car tous deux ont des valeurs par défaut. Il n'est pas non plus pris en charge sur hidden, 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 image.

+ +
+

Note :

+

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 readonly ne s'applique pas.

+
+ +

Lorsqu'une entrée possède l'attribut readonly, la pseudo-classe :read-only s'y applique également. Inversement, les entrées qui prennent en charge l'attribut readonly mais qui n'ont pas l'attribut défini correspondent à la pseudo-classe :read-write.

+ +

Interactions entre attributs

+ +

La différence entre disabled et readonly est que les contrôles en lecture seule peuvent toujours fonctionner et sont toujours focusables, alors que les contrôles désactivés ne peuvent pas recevoir de focus et ne sont pas soumis avec le formulaire et ne fonctionnent généralement pas comme contrôles jusqu'à ce qu'ils soient activés.

+ +

Comme un champ en lecture seule ne peut pas voir sa valeur modifiée par une interaction avec l'utilisateur, required n'a aucun effet sur les entrées pour lesquelles l'attribut readonly est également spécifié.

+ +

Le seul moyen de modifier dynamiquement la valeur de l'attribut readonly est d'utiliser un script.

+ +
+

Note :

+

L'attribut required n'est pas autorisé sur les entrées pour lesquelles l'attribut readonly est spécifié.

+
+ +

Validation des contraintes

+ +

Si l'élément est en lecture seule, la valeur de l'élément ne peut pas être mise à jour par l'utilisateur et ne participe pas à la validation des contraintes.

+ +

Exemples

+ +

HTML

+ +
<div class="group">
+  <input type="textbox" value="Some value" readonly="readonly"/>
+  <label>Textbox</label>
+</div>
+<div class="group">
+  <input type="date" value="2020-01-01" readonly="readonly"/>
+  <label>Date</label>
+</div>
+<div class="group">
+  <input type="email" value="Some value" readonly="readonly"/>
+  <label>Email</label>
+</div>
+<div class="group">
+  <input type="password" value="Some value" readonly="readonly"/>
+  <label>Password</label>
+</div>
+<div class="group">
+  <textarea readonly="readonly">Some value</textarea>
+  <label>Message</label>
+</div>
+
+ +

Résultat

+ +
{{EmbedLiveSample('examples')}}
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatut
{{SpecName('HTML WHATWG', 'forms.html#attr-input-readonly', 'l\'attribut readonly')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#attr-input-readonly', 'l\'attribut readonly')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML5.1', 'sec-forms.html#the-readonly-attribute', 'l\'attribut readonly')}}{{Spec2('HTML5.1')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("html.elements.attributes.readonly")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf