From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- files/fr/web/html/attributes/readonly/index.md | 146 +++++++++++-------------- 1 file changed, 62 insertions(+), 84 deletions(-) (limited to 'files/fr/web/html/attributes/readonly/index.md') diff --git a/files/fr/web/html/attributes/readonly/index.md b/files/fr/web/html/attributes/readonly/index.md index 9eba1c737c..0b76f76e6e 100644 --- a/files/fr/web/html/attributes/readonly/index.md +++ b/files/fr/web/html/attributes/readonly/index.md @@ -9,99 +9,77 @@ tags: - required translation_of: Web/HTML/Attributes/readonly --- -
{{HTMLSidebar}}
+{{HTMLSidebar}} -

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 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 `readonly` est pris en charge par les types [`text`](/fr/docs/Web/HTML/Element/Input/text), [`search`](/fr/docs/Web/HTML/Element/Input/search), [`url`](/fr/docs/Web/HTML/Element/Input/url), [`tel`](/fr/docs/Web/HTML/Element/Input/tel), [`email`](/fr/docs/Web/HTML/Element/Input/email), [`password`](/fr/docs/Web/HTML/Element/Input/password), [`date`](/fr/docs/Web/HTML/Element/Input/date), [`mois`](/fr/docs/Web/HTML/Element/Input/month), [`week`](/fr/docs/Web/HTML/Element/Input/week), [`time`](/fr/docs/Web/HTML/Element/Input/time), [`datetime-local`](/fr/docs/Web/HTML/Element/Input/datetime-local), et [`number`](/fr/docs/Web/HTML/Element/Input/number) de [``](/fr/docs/Web/HTML/Element/Input) et les éléments de contrôle de formulaire [` + + +``` + +### Résultat + +{{EmbedLiveSample('examples')}} + +## Spécifications + +| Spécification | Statut | +| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | +| {{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 -

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

- - +- Les pseudo-classses [`:read-only`](/fr/docs/Web/CSS/:read-only) et [`:read-write`](/fr/docs/Web/CSS/:read-write) +- L'élément [``](/fr/docs/Web/HTML/Element/Input) +- L'élément [`