aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/passwordcredential
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/passwordcredential
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/passwordcredential')
-rw-r--r--files/fr/web/api/passwordcredential/iconurl/index.md37
-rw-r--r--files/fr/web/api/passwordcredential/index.md88
-rw-r--r--files/fr/web/api/passwordcredential/name/index.md37
-rw-r--r--files/fr/web/api/passwordcredential/password/index.md37
-rw-r--r--files/fr/web/api/passwordcredential/passwordcredential/index.md101
5 files changed, 118 insertions, 182 deletions
diff --git a/files/fr/web/api/passwordcredential/iconurl/index.md b/files/fr/web/api/passwordcredential/iconurl/index.md
index 0521ac36dc..0435450c24 100644
--- a/files/fr/web/api/passwordcredential/iconurl/index.md
+++ b/files/fr/web/api/passwordcredential/iconurl/index.md
@@ -9,37 +9,24 @@ tags:
- Reference
translation_of: Web/API/PasswordCredential/iconURL
---
-<p>{{SeeCompatTable}}{{APIRef("")}}</p>
+{{SeeCompatTable}}{{APIRef("")}}
-<p>La propriété <strong><code>iconURL</code></strong>, rattachée à l'interface {{domxref("PasswordCredential")}}, est accessible en lecture seule et fournit une chaîne de caractères {{domxref("USVString")}} représentant une URL pointant vers l'image d'une icône. Cette image est destinée à être affichée dans un sélecteur d'authentification. L'URL fournie doit être accessible sans authentification.</p>
+La propriété **`iconURL`**, rattachée à l'interface {{domxref("PasswordCredential")}}, est accessible en lecture seule et fournit une chaîne de caractères {{domxref("USVString")}} représentant une URL pointant vers l'image d'une icône. Cette image est destinée à être affichée dans un sélecteur d'authentification. L'URL fournie doit être accessible sans authentification.
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>url</em> = <em>passwordCredential</em>.iconURL</pre>
+ url = passwordCredential.iconURL
-<h3 id="Valeur">Valeur</h3>
+### Valeur
-<p>Une chaîne de caractères {{domxref("USVString")}} contenant une URL.</p>
+Une chaîne de caractères {{domxref("USVString")}} contenant une URL.
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Credential Management','#dom-credentialuserdata-iconurl','iconURL')}}</td>
- <td>{{Spec2('Credential Management')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | État | Commentaires |
+| ------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | -------------------- |
+| {{SpecName('Credential Management','#dom-credentialuserdata-iconurl','iconURL')}} | {{Spec2('Credential Management')}} | Définition initiale. |
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PasswordCredential.iconURL")}}</p>
+{{Compat("api.PasswordCredential.iconURL")}}
diff --git a/files/fr/web/api/passwordcredential/index.md b/files/fr/web/api/passwordcredential/index.md
index 3bc54c3618..78fe065d5d 100644
--- a/files/fr/web/api/passwordcredential/index.md
+++ b/files/fr/web/api/passwordcredential/index.md
@@ -9,47 +9,44 @@ tags:
- Reference
translation_of: Web/API/PasswordCredential
---
-<p>{{SeeCompatTable}}{{APIRef("Credential Management API")}}</p>
+{{SeeCompatTable}}{{APIRef("Credential Management API")}}
-<p>L'interface <code><strong>PasswordCredential</strong></code>, rattachée à l'<a href="/fr/docs/Web/API/Credential_Management_API">API Credential Management</a>, fournit des informations quant à un couple nom d'utilisateur/mot de passe. Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette interface peut être passée comme propriété <code>credential</code> de l'objet <code>init</code> utilisé comme argument de la méthode globale {{domxref('fetch')}}.</p>
+L'interface **`PasswordCredential`**, rattachée à l'[API Credential Management](/fr/docs/Web/API/Credential_Management_API), fournit des informations quant à un couple nom d'utilisateur/mot de passe. Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette interface peut être passée comme propriété `credential` de l'objet `init` utilisé comme argument de la méthode globale {{domxref('fetch')}}.
-<h2 id="Constructeur">Constructeur</h2>
+## Constructeur
-<dl>
- <dt>{{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}}</dt>
- <dd>Crée un nouvel objet <code>PasswordCredential</code>.</dd>
-</dl>
+- {{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}}
+ - : Crée un nouvel objet `PasswordCredential`.
-<h2 id="Propriétés">Propriétés</h2>
+## Propriétés
-<p><em>Hérite des propriétés de l'interface parente, {{domxref("Credential")}}.</em></p>
+_Hérite des propriétés de l'interface parente, {{domxref("Credential")}}._
-<dl>
- <dt>{{domxref("PasswordCredential.additionalData")}} {{deprecated_inline()}}</dt>
- <dd>Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}. Les données de cet objet seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification.</dd>
- <dt>{{domxref("PasswordCredential.iconURL")}} {{readonlyinline}}</dt>
- <dd>Une chaîne de caractères {{domxref("USVString")}} contenant une URL qui pointe vers une image servant d'icône. Cette image est destinée à être utilisée dans le sélecteur d'informations d'authentification. L'URL doit être accessible sans authentification.</dd>
- <dt>{{domxref("PasswordCredential.idName")}} {{deprecated_inline()}}</dt>
- <dd>Une chaîne de caractères {{domxref("USVString")}} contenant le nom qui sera uitlisé pour le champ d'identifiant lorsque l'objet courant sera envoyé au point distant grâce à {{domxref("fetch")}}. La valeur par défaut correspond à <code>"username"</code> mais il est possible de surcharger cette valeur afin qu'elle corresponde à ce qui est attendu par le service distant.</dd>
- <dt>{{domxref("PasswordCredential.name")}} {{readonlyinline}}</dt>
- <dd>Une chaîne de caractères {{domxref("USVString")}} qui contient un nom public, lisible par un humain et qui sera affiché dans le sélecteur d'informations d'authentification.</dd>
- <dt>{{domxref("PasswordCredential.password")}} {{readonlyinline}}</dt>
- <dd>Une chaîne de caractères {{domxref("USVString")}} qui contient le mot de passe associé aux informations d'authentification.</dd>
- <dt>{{domxref("PasswordCredential.passwordName")}} {{deprecated_inline()}}</dt>
- <dd>Une chaîne de caractères {{domxref("USVString")}} qui représente le nom utilisé pour le mot de passe lorsque l'objet courant est envoyé au point distant avec {{domxref("fetch")}}. Par défaut, cette propriété vaut <code>"password"</code> mais elle peut être surchargée afin que sa valeur corresponde à ce qui est attendu par le service distant.</dd>
-</dl>
+- {{domxref("PasswordCredential.additionalData")}} {{deprecated_inline()}}
+ - : Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}. Les données de cet objet seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification.
+- {{domxref("PasswordCredential.iconURL")}} {{readonlyinline}}
+ - : Une chaîne de caractères {{domxref("USVString")}} contenant une URL qui pointe vers une image servant d'icône. Cette image est destinée à être utilisée dans le sélecteur d'informations d'authentification. L'URL doit être accessible sans authentification.
+- {{domxref("PasswordCredential.idName")}} {{deprecated_inline()}}
+ - : Une chaîne de caractères {{domxref("USVString")}} contenant le nom qui sera uitlisé pour le champ d'identifiant lorsque l'objet courant sera envoyé au point distant grâce à {{domxref("fetch")}}. La valeur par défaut correspond à `"username"` mais il est possible de surcharger cette valeur afin qu'elle corresponde à ce qui est attendu par le service distant.
+- {{domxref("PasswordCredential.name")}} {{readonlyinline}}
+ - : Une chaîne de caractères {{domxref("USVString")}} qui contient un nom public, lisible par un humain et qui sera affiché dans le sélecteur d'informations d'authentification.
+- {{domxref("PasswordCredential.password")}} {{readonlyinline}}
+ - : Une chaîne de caractères {{domxref("USVString")}} qui contient le mot de passe associé aux informations d'authentification.
+- {{domxref("PasswordCredential.passwordName")}} {{deprecated_inline()}}
+ - : Une chaîne de caractères {{domxref("USVString")}} qui représente le nom utilisé pour le mot de passe lorsque l'objet courant est envoyé au point distant avec {{domxref("fetch")}}. Par défaut, cette propriété vaut `"password"` mais elle peut être surchargée afin que sa valeur corresponde à ce qui est attendu par le service distant.
-<h3 id="Gestionnaires_d'évènement">Gestionnaires d'évènement</h3>
+### Gestionnaires d'évènement
-<p>Aucun.</p>
+Aucun.
-<h2 id="Méthodes">Méthodes</h2>
+## Méthodes
-<p>Aucune.</p>
+Aucune.
-<h2 id="Exemples">Exemples</h2>
+## Exemples
-<pre class="brush: js">var cred = new PasswordCredential({
+```js
+var cred = new PasswordCredential({
id: id,
password: password,
name: name,
@@ -60,25 +57,14 @@ navigator.credentials.store(cred)
.then(function() {
// Faire quelque chose avec.
});
-</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- <tr>
- <td>{{SpecName('Credential Management')}}</td>
- <td>{{Spec2('Credential Management')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PasswordCredential")}}</p>
+```
+
+## Spécifications
+
+| Spécification | État | Commentaires |
+| ------------------------------------------------ | -------------------------------------------- | -------------------- |
+| {{SpecName('Credential Management')}} | {{Spec2('Credential Management')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PasswordCredential")}}
diff --git a/files/fr/web/api/passwordcredential/name/index.md b/files/fr/web/api/passwordcredential/name/index.md
index 4ea8d18a88..f48ae976df 100644
--- a/files/fr/web/api/passwordcredential/name/index.md
+++ b/files/fr/web/api/passwordcredential/name/index.md
@@ -9,37 +9,24 @@ tags:
- Reference
translation_of: Web/API/PasswordCredential/name
---
-<p>{{SeeCompatTable}}{{APIRef("")}}</p>
+{{SeeCompatTable}}{{APIRef("")}}
-<p>La propriété <strong><code>name</code></strong> est accessible en lecture seule et est rattachée à l'interface {{domxref("PasswordCredential")}}. C'est une chaîne de caractères {{domxref("USVSTring")}} qui contient un nom public, compréhensible pour un humain et qui est destiné à être affiché dans un sélecteur de fournisseur d'authentification.</p>
+La propriété **`name`** est accessible en lecture seule et est rattachée à l'interface {{domxref("PasswordCredential")}}. C'est une chaîne de caractères {{domxref("USVSTring")}} qui contient un nom public, compréhensible pour un humain et qui est destiné à être affiché dans un sélecteur de fournisseur d'authentification.
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>name</em> = <em>passwordCredential</em>.name</pre>
+ name = passwordCredential.name
-<h3 id="Valeur">Valeur</h3>
+### Valeur
-<p>A {{domxref("USVString")}} containing a name.</p>
+A {{domxref("USVString")}} containing a name.
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Credential Management','#dom-credentialuserdata-name','name')}}</td>
- <td>{{Spec2('Credential Management')}}</td>
- <td>Définition initiale..</td>
- </tr>
- </tbody>
-</table>
+| Spécification | État | Commentaires |
+| ---------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------- |
+| {{SpecName('Credential Management','#dom-credentialuserdata-name','name')}} | {{Spec2('Credential Management')}} | Définition initiale.. |
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PasswordCredential.name")}}</p>
+{{Compat("api.PasswordCredential.name")}}
diff --git a/files/fr/web/api/passwordcredential/password/index.md b/files/fr/web/api/passwordcredential/password/index.md
index 62421690d2..acb0eb2ace 100644
--- a/files/fr/web/api/passwordcredential/password/index.md
+++ b/files/fr/web/api/passwordcredential/password/index.md
@@ -9,37 +9,24 @@ tags:
- Reference
translation_of: Web/API/PasswordCredential/password
---
-<p>{{SeeCompatTable}}{{APIRef("")}}</p>
+{{SeeCompatTable}}{{APIRef("")}}
-<p>La propriété <strong><code>password</code></strong> est une propriété accessible en lecture seule rattachée à l'interface {{domxref("PasswordCredential")}} et fournit une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe lié aux informations d'authentification.</p>
+La propriété **`password`** est une propriété accessible en lecture seule rattachée à l'interface {{domxref("PasswordCredential")}} et fournit une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe lié aux informations d'authentification.
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>password</em> = <em>passwordCredential</em>.password</pre>
+ password = passwordCredential.password
-<h3 id="Valeur">Valeur</h3>
+### Valeur
-<p>Une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe.</p>
+Une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe.
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Credential Management','#dom-passwordcredential-password','password')}}</td>
- <td>{{Spec2('Credential Management')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | État | Commentaires |
+| ---------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- |
+| {{SpecName('Credential Management','#dom-passwordcredential-password','password')}} | {{Spec2('Credential Management')}} | Définition initiale. |
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PasswordCredential.password")}}</p>
+{{Compat("api.PasswordCredential.password")}}
diff --git a/files/fr/web/api/passwordcredential/passwordcredential/index.md b/files/fr/web/api/passwordcredential/passwordcredential/index.md
index dda971c84e..a19a4845ac 100644
--- a/files/fr/web/api/passwordcredential/passwordcredential/index.md
+++ b/files/fr/web/api/passwordcredential/passwordcredential/index.md
@@ -9,78 +9,67 @@ tags:
- Reference
translation_of: Web/API/PasswordCredential/PasswordCredential
---
-<p>{{APIRef("")}}{{Non-standard_header}}</p>
+{{APIRef("")}}{{Non-standard_header}}
-<p>Le constructeur <strong><code>PasswordCredential</code></strong> permet de créer un nouvel objet {{domxref("PasswordCredential")}}.</p>
+Le constructeur **`PasswordCredential`** permet de créer un nouvel objet {{domxref("PasswordCredential")}}.
-<p>Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette classe peut être utilisée comme propriété <code>credential</code> pour l'objet <code>init</code> qui sera l'argument pour un appel à {{domxref('fetch')}}.</p>
+Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette classe peut être utilisée comme propriété `credential` pour l'objet `init` qui sera l'argument pour un appel à {{domxref('fetch')}}.
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox">var mesCredentials = new PasswordCredential(passwordCredentialData)
-var mesCredentials = new PasswordCredential(HTMLFormElement)</pre>
+ var mesCredentials = new PasswordCredential(passwordCredentialData)
+ var mesCredentials = new PasswordCredential(HTMLFormElement)
-<h3 id="Paramètres">Paramètres</h3>
+### Paramètres
-<p>Le constructeur peut prendre l'une de ces deux valeurs en argument.</p>
+Le constructeur peut prendre l'une de ces deux valeurs en argument.
-<dl>
- <dt><code>passwordCredentialData</code> </dt>
- <dd>Un dictionnaire <code>PasswordCredentialData</code> avec les champs suivants :
- <ul>
- <li><code>iconURL</code> {{optional_inline}} : l'URL de l'image pour l'avatar de l'utilisateur.</li>
- <li><code>id</code> : l'identifiant de l'utilisateur qui se connecte.</li>
- <li><code>name</code> {{optional_inline}} : le nom de l'utilisateur qui se connecte.</li>
- <li><code>password</code> : le mot de passe de l'utilisateur qui se connecte.</li>
- </ul>
- </dd>
- <dt><code>htmlFormElement</code></dt>
- <dd>Une référence à un objet {{domxref("HTMLFormElement")}} contenant les champs de saisis appropriés. Le formulaire correspondant devrait contenir au moins un champ <code>id</code> et un champ <code>password</code>. Le formulaire peut aussi demander un jeton CSRF.</dd>
-</dl>
+- `passwordCredentialData`
-<h2 id="Exemples">Exemples</h2>
+ - : Un dictionnaire `PasswordCredentialData` avec les champs suivants :
-<p>Dans cet exemple, nous verrons comment définir un formulaire et capturer les données saisies pour créer un objet {{domxref("PasswordCredential")}}.</p>
+ - `iconURL` {{optional_inline}} : l'URL de l'image pour l'avatar de l'utilisateur.
+ - `id` : l'identifiant de l'utilisateur qui se connecte.
+ - `name` {{optional_inline}} : le nom de l'utilisateur qui se connecte.
+ - `password` : le mot de passe de l'utilisateur qui se connecte.
-<h3 id="HTML">HTML</h3>
+- `htmlFormElement`
+ - : Une référence à un objet {{domxref("HTMLFormElement")}} contenant les champs de saisis appropriés. Le formulaire correspondant devrait contenir au moins un champ `id` et un champ `password`. Le formulaire peut aussi demander un jeton CSRF.
-<pre class="brush: html">&lt;form id="form" method="post"&gt;
- &lt;input type="text" name="id" autocomplete="username" /&gt;
- &lt;input type="password" name="password" autocomplete="current-password" /&gt;
- &lt;input type="hidden" name="csrf_token" value="*****" /&gt;
-&lt;/form&gt;</pre>
+## Exemples
-<h3 id="JavaScript">JavaScript</h3>
+Dans cet exemple, nous verrons comment définir un formulaire et capturer les données saisies pour créer un objet {{domxref("PasswordCredential")}}.
-<p>Dans le script, on pourra faire référence à ce formulaire et l'utiliser pour créer un objet {{domxref("PasswordCredential")}} afin de le stocker dans le système de mots de passe de l'agent utilisateur.</p>
+### HTML
-<pre class="brush: js">var form = document.querySelector('#form');
+```html
+<form id="form" method="post">
+ <input type="text" name="id" autocomplete="username" />
+ <input type="password" name="password" autocomplete="current-password" />
+ <input type="hidden" name="csrf_token" value="*****" />
+</form>
+```
+
+### JavaScript
+
+Dans le script, on pourra faire référence à ce formulaire et l'utiliser pour créer un objet {{domxref("PasswordCredential")}} afin de le stocker dans le système de mots de passe de l'agent utilisateur.
+
+```js
+var form = document.querySelector('#form');
var creds = new PasswordCredential(form);
// Stocker les informations d'authentification
navigator.credentials.store(creds)
.then(function(creds) {
// Faire quelque chose avec les informations d'authentification si besoin
-});</pre>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Credential Management')}}</td>
- <td>{{Spec2('Credential Management')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PasswordCredential.PasswordCredential")}}</p>
+});
+```
+
+## Spécifications
+
+| Spécification | État | Commentaires |
+| ------------------------------------------------ | -------------------------------------------- | -------------------- |
+| {{SpecName('Credential Management')}} | {{Spec2('Credential Management')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PasswordCredential.PasswordCredential")}}