From 2727d3c76fd54476ecc29fc01b6ce3fe8e33b582 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 13 Oct 2021 07:08:36 +0200 Subject: 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 --- files/fr/web/html/element/input/text/index.html | 24 +++++------------------- 1 file changed, 5 insertions(+), 19 deletions(-) (limited to 'files/fr/web/html/element/input/text') diff --git a/files/fr/web/html/element/input/text/index.html b/files/fr/web/html/element/input/text/index.html index 21e8cb6692..8e33c53029 100644 --- a/files/fr/web/html/element/input/text/index.html +++ b/files/fr/web/html/element/input/text/index.html @@ -10,12 +10,10 @@ translation_of: Web/HTML/Element/input/text ---
{{HTMLRef}}
-

Les éléments {{HTMLElement("input")}} dont l'attribut type vaut "text" permettent de créer des champs de saisie avec du texte sur une seule ligne.

+

Les éléments {{HTMLElement("input")}} dont l'attribut type vaut "text" permettent de créer des champs de saisie avec du texte sur une seule ligne.

{{EmbedInteractiveExample("pages/tabbed/input-text.html", "tabbed-standard")}}
- -

Valeur

L'attribut {{htmlattrxref("value", "input")}} d'un tel élément contient une chaîne de caractères ({{domxref("DOMString")}}) qui correspond à la valeur contenue dans le champ texte. En JavaScript, cette valeur peut être récupérée avec la propriété JavaScript {{domxref("HTMLInputElement.value","value")}}.

@@ -82,7 +80,6 @@ translation_of: Web/HTML/Element/input/text

{{htmlattrdef("pattern")}}

-

L'attribut pattern est une expression rationnelle que doit respecter la valeur ({{htmlattrxref("value")}}) du champ afin d'être valide. Cette expression rationnelle doit être une expression rationnelle valide pour JavaScript (telle qu'utilisée par {{jsxref("RegExp")}} et telle que documentée dans ce guide). Le marqueur 'u' est fourni par le navigateur lors de la compilation de l'expression rationnelle afin que le motif soit traité comme une séquence de points de code Unicode plutôt que comme des caractères ASCII. Aucune barre oblique (/) ne devrait être utilisée autour du motif.

Si l'expression rationnelle est invalide ou que cet attribut n'est pas défini, l'attribut est ignoré.

@@ -90,7 +87,6 @@ translation_of: Web/HTML/Element/input/text

Note : L'attribut {{htmlattrxref("title", "input")}} pourra être utilisé afin d'afficher une bulle d'informations qui explique les conditions à respecter. Il est également conseillé d'inclure un texte explicatif à proximité du champ.

-

Voir la section sur l'utilisation de cet attribut ci-après pour plus d'exemples.

@@ -120,7 +116,6 @@ translation_of: Web/HTML/Element/input/text

{{htmlattrdef("spellcheck")}}

-

spellcheck est un attribut universel qui est utilisé afin d'indiquer si la vérification orthographique doit être utilisée pour un élément. Il peut être utilisé pour n'importe quel contenu éditable mais possède certaines spécificités pour les éléments {{HTMLElement("input")}}. Les valeurs autorisées pour cet attribut sont :

@@ -135,7 +130,6 @@ translation_of: Web/HTML/Element/input/text

Un champ de saisie peut avoir la vérification orthographique activée s'il ne possède pas l'attribut {{anch("readonly")}} et qu'il n'est pas désactivé.

La valeur renvoyée par l'attribut spellcheck peut ne pas refléter l'état réel de la vérification ortographique si certaines préférences de l'agent utilisateur surchargent le paramétrage par défaut.

-

Attributs non-standard

@@ -162,7 +156,6 @@ translation_of: Web/HTML/Element/input/text

{{htmlattrdef("autocorrect")}} {{non-standard_inline}}

-

Un attribut spécifique à Safari, sous la forme d'une chaîne de caractères, qui indique si la correction automatique doit être appliquée lors de l'édition du champ. Les valeurs autorisées pour cet attribut sont :

@@ -171,11 +164,9 @@ translation_of: Web/HTML/Element/input/text
off
Toute correction automatique et tout remplacement de texte est désactivé.
-

{{htmlattrdef("mozactionhint")}} {{non-standard_inline}}

-

Un attribut spécifique à Mozilla (et plus particulièrement Firefox pour Android) qui fournit une indication quant au type d'action effectuée lorsque l'utilisateur appuie sur la touche Entrée ou Retour lors de l'édition. Cette information pourra être utilisée afin de choisir le libellé à afficher sur la touche Entrée du clavier virtuel.

@@ -183,7 +174,6 @@ translation_of: Web/HTML/Element/input/text

Les valeurs autorisées pour cet attribut sont : go, done, next, search et send. Le navigateur décide alors, selon la valeur, quel libellé utiliser pour la touche Entrée.

-

Utiliser <input type="text">

@@ -251,7 +241,7 @@ translation_of: Web/HTML/Element/input/text

Les éléments <input> de type text ne possède pas de mécanisme de validation automatique. En revanche, il est possible d'ajouter certaines contraintes qui seront vérifiées côté client et que nous allons voir ici.

-

Attention ! Il est également important de vérifier le format de la valeur saisie côté serveur ! En effet, il est tout à fait possible pour un utilisateur de modifier le code HTML du site ou d'envoyer des données au serveur sans passer par le formulaire. Il est donc nécessaire de contrôler la valeur avant de s'en servir dans la logique de l'application côté serveur afin d'éviter des conséquences malheureuses.

+

Attention : Il est également important de vérifier le format de la valeur saisie côté serveur ! En effet, il est tout à fait possible pour un utilisateur de modifier le code HTML du site ou d'envoyer des données au serveur sans passer par le formulaire. Il est donc nécessaire de contrôler la valeur avant de s'en servir dans la logique de l'application côté serveur afin d'éviter des conséquences malheureuses.

Un aparté sur la mise en forme

@@ -295,9 +285,7 @@ input:valid+span:after { </div> </form> - +

Ce qui produira ce résultat :

@@ -324,9 +312,7 @@ input:valid+span:after { </div> </form> - +

Voici le résultat qui est alors obtenu :

@@ -338,7 +324,7 @@ input:valid+span:after {

Note : Si on indique minlength mais pas required, la valeur saisie est considérée comme valide car l'utilisateur peut ne pas saisir de valeur.

-

Contraindre un format spécifique - expression rationnelle

+

Contraindre un format spécifique - expression rationnelle

L'attribut {{htmlattrxref("pattern","input")}} permet d'indiquer une expression rationnelle que devra respecter la valeur saisie afin d'être valide (cf. Valider un champ par rapport à une expression rationnelle pour une introduction).

-- cgit v1.2.3-54-g00ecf