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 <julien.gattelier@gmail.com>

1 files changed, 114 insertions, 0 deletions

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
+---
+<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 <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>&lt;input&gt;</code></a> et les éléments de contrôle de formulaire <a href="/fr/docs/Web/HTML/Element/Textarea"><code>&lt;textarea&gt;</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>&lt;select&gt;</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>
+
+<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>
+
+<h3 id="attribute_interactions">Interactions entre attributs</h3>
+
+<p>La différence entre <a href="/fr/docs/Web/HTML/Attributes/disabled"><code>disabled</code></a> et <code>readonly</code> 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.</p>
+
+<p>Comme un champ en lecture seule ne peut pas voir sa valeur modifiée par une interaction avec l'utilisateur, <a href="required"><code>required</code></a> n'a aucun effet sur les entrées pour lesquelles l'attribut <code>readonly</code> est également spécifié.</p>
+
+<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>
+
+<h3 id="constraint_validation">Validation des contraintes</h3>
+
+<p>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.</p>
+
+<h2 id="examples">Exemples</h2>
+
+<h3 id="html">HTML</h3>
+
+<pre class="brush: html">&lt;div class="group"&gt;
+  &lt;input type="textbox" value="Some value" readonly="readonly"/&gt;
+  &lt;label&gt;Textbox&lt;/label&gt;
+&lt;/div&gt;
+&lt;div class="group"&gt;
+  &lt;input type="date" value="2020-01-01" readonly="readonly"/&gt;
+  &lt;label&gt;Date&lt;/label&gt;
+&lt;/div&gt;
+&lt;div class="group"&gt;
+  &lt;input type="email" value="Some value" readonly="readonly"/&gt;
+  &lt;label&gt;Email&lt;/label&gt;
+&lt;/div&gt;
+&lt;div class="group"&gt;
+  &lt;input type="password" value="Some value" readonly="readonly"/&gt;
+  &lt;label&gt;Password&lt;/label&gt;
+&lt;/div&gt;
+&lt;div class="group"&gt;
+  &lt;textarea readonly="readonly"&gt;Some value&lt;/textarea&gt;
+  &lt;label&gt;Message&lt;/label&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="result">Résultat</h3>
+
+<div>{{EmbedLiveSample('examples')}}</div>
+
+<h2 id="specifications">Spécifications</h2>
+
+<table class="standard-table">
+  <thead>
+    <tr>
+      <th scope="col">Spécification</th>
+      <th scope="col">Statut</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{SpecName('HTML WHATWG', 'forms.html#attr-input-readonly', 'l\'attribut readonly')}}</td>
+      <td>{{Spec2('HTML WHATWG')}}</td>
+    </tr>
+    <tr>
+      <td>{{SpecName('HTML5 W3C', 'forms.html#attr-input-readonly', 'l\'attribut readonly')}}</td>
+      <td>{{Spec2('HTML5 W3C')}}</td>
+    </tr>
+    <tr>
+      <td>{{SpecName('HTML5.1', 'sec-forms.html#the-readonly-attribute', 'l\'attribut readonly')}}</td>
+      <td>{{Spec2('HTML5.1')}}</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat("html.elements.attributes.readonly")}}</p>
+
+<h2 id="see_also">Voir aussi</h2>
+
+<ul>
+  <li>Les pseudo-classses <a href="/fr/docs/Web/CSS/:read-only"><code>:read-only</code></a> et <a href="/fr/docs/Web/CSS/:read-write"><code>:read-write</code></a></li>
+  <li>L'élément <a href="/fr/docs/Web/HTML/Element/Input"><code>&lt;input&gt;</code></a></li>
+  <li>L'élément <a href="/fr/docs/Web/HTML/Element/select"><code>&lt;select&gt;</code></a></li>
+</ul>