recursal/MDN huggingface dataset:
Attribut HTML : size
====================

L'attribut **`size`** définit la largeur de l'élément `<input>` et la hauteur de l'élément `<select>`. Pour `input`, si l'attribut `type` est `text` ou `password` alors c'est le nombre de caractères. Il doit s'agir d'un nombre entier de valeur 0 ou supérieure. Si aucun `size` n'est spécifié, ou si une valeur invalide est spécifiée, l'entrée n'a pas de taille déclarée, et le contrôle de formulaire aura la largeur par défaut basée sur l'agent utilisateur. Si CSS cible l'élément avec des propriétés ayant un impact sur la largeur, CSS a la priorité.

L'attribut `size` n'a aucun impact sur la validation des contraintes.

Exemples
--------

En ajoutant `size` sur certains types d'entrée, la largeur de l'entrée peut être contrôlée. L'ajout de la taille sur une sélection modifie la hauteur, définissant le nombre d'options visibles à l'état fermé.


```html
<label for="fruit">Entrez un fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Entrez un légume</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banane</option>
  <option>cerise</option>
  <option>fraise</option>
  <option>durian</option>
  <option>myrtille</option>
</select>

<select name="vegetables" size="5">
  <option>carotte</option>
  <option>concombre</option>
  <option>chou-fleur</option>
  <option>céleri</option>
  <option>feuilles de collard</option>
</select>
```

Spécifications
--------------

#### No specification found

No specification data found for `html.elements.attribute.size`.  
Check for problems with this page or contribute a missing `spec_url` to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'attribut `maxlength`
* L'attribut `minlength`
* L'attribut `pattern`
Attribut HTML : for
===================

L'attribut **`for`** est un attribut autorisé pour `<label>` et `<output>`. Lorsqu'il est utilisé sur un élément `<label>`, il indique l'élément de formulaire que ce label décrit. Lorsqu'il est utilisé sur un élément `<output>`, il permet une relation explicite entre les éléments, qui représentent les valeurs, qui sont utilisées dans le résultat représenté par `<output>`.

Utilisation
-----------

Lorsqu'il est utilisé comme attribut de `<label>`, l'attribut `for` a une valeur qui est l'`id` de l'élément de formulaire, auquel il se rapporte.


```html
<label for="username">Votre nom</label> <input type="text" id="username" />
```


Lorsqu'il est utilisé comme attribut de `<output>`, l'attribut `for` a une valeur qui est une liste séparée, par des espaces, des valeurs `id` des éléments, qui sont utilisés pour créer l'output.


```html
<input type="range" id="b" name="b" value="50" /> +
<input type="number" id="a" name="a" value="10" /> =
<output name="result" for="a b">60</output>
```

Exemples
--------

Voir des exemples d'utilisation sur les pages des éléments pour `<label>` et `<output>`.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # attr-label-for |
| HTML Standard # attr-output-for |

Compatibilité des navigateurs
-----------------------------

### html.elements.label.for

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### html.elements.output.for

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Attribut HTML : minlength
=========================

L'attribut **`minlength`** définit le nombre minimal de caractères (sous forme d'unités de code UTF-16) que l'utilisateur peut saisir dans un élément `<input>` ou `<textarea>`. Il doit s'agir d'une valeur entière égale ou supérieure à 0. Si aucune longueur minimale n'est spécifiée, ou si une valeur invalide est spécifiée, l'entrée n'a pas de longueur minimale. Cette valeur doit être inférieure ou égale à la valeur de `maxlength`, sinon la valeur ne sera jamais valide, car il est impossible de satisfaire aux deux critères.

L'entrée échouera à la validation des contraintes si la longueur de la valeur textuelle du champ est inférieure à `minlength` unités de code UTF-16, avec `validityState.tooShort` (en-US) retournant `true`. La validation des contraintes n'est appliquée que lorsque la valeur est modifiée par l'utilisateur. En cas d'échec de la soumission, certains navigateurs affichent un message d'erreur indiquant la longueur minimale requise et la longueur actuelle.

Exemples
--------

En ajoutant `minlength="5"`, la valeur doit soit être vide, soit comporter cinq caractères ou plus pour être valide.


```html
<label for="fruit">Entrez un nom de fruit d'au moins 5 lettres.</label>
<input type="text" minlength="5" id="fruit" />
```


Nous pouvons utiliser des pseudo-classes pour donner un style à l'élément en fonction de la validité de la valeur. La valeur sera valide tant qu'elle sera soit nulle (vide), soit longue de cinq caractères ou plus. *Vert* est invalide, *Citron* est valide.


```css
input {
  border: 2px solid currentcolor;
}
input:invalid {
  border: 2px dashed red;
}
input:invalid:focus {
  background-image: linear-gradient(pink, lightgreen);
}
```

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # the-maxlength-and-minlength-attributes |

Compatibilité des navigateurs
-----------------------------

### html.elements.input.minlength

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### html.elements.textarea.minlength

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'attribut `maxlength`
* L'attribut `size`
* L'attribut `pattern`
* Validation des contraintes (en-US)
* L'API Constraint validation (en-US)
* L'élément `<input>`
Types de liens : preconnect
===========================

Le mot-clé **`preconnect`** de l'attribut `rel` de l'élément `<link>` est une information destinée à indiquer aux navigateurs que la personne visitant le site va avoir besoin de charger des ressources provenant de l'origine de la ressource cible, et donc que le navigateur peut sans doute améliorer l'expérience de visite en initialisant une connexion vers l'origine de la ressource de façon préventive.


```html
<link rel="preconnect" href="https://example.com" />
```

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-preconnect |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : manifest
=========================

Le mot-clé **`manifest`** de l'attribut `rel` de l'élément `<link>` est une information indiquant que la ressource ciblée est un manifeste d'application web.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-manifest |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : noopener
=========================

Le mot-clé **`noopener`** de l'attribut `rel` des éléments `<a>`, `<area>` et `<form>` indique au navigateur d'ouvrir la ressource cible sans que le nouveau contexte de navigation ne reçoive d'accès au document précédent (le moteur ne définit alors pas `Window.opener` sur le nouveau contexte, sa valeur sera `null`).

Ceci est tout spécialement utile lors de l'ouverture de liens non vérifiés/fiables, afin de s'assurer qu'ils ne peuvent pas trafiquer le document d'origine via la propriété `Window.opener` (pour plus de détails, voir cet article en anglais concernant `rel=noopener`), tout en fournissant néanmoins l'en-tête HTTP `Referer` (à moins que `noreferrer` soit également utilisé).

Veuillez noter que lorsque `noopener` est utilisé, les noms de cibles non vides et différents de `_top`, `_self` et `_parent` sont tous traités en tant que `_blank` pour déterminer si le lien doit s'ouvrir ou non dans un nouvel onglet/fenêtre.

**Note :** l'utilisation de `target="_blank"` sur des éléments `<a>` fournit désormais implicitement le même comportement pour l'attribut `rel` que si l'on avait utilisé `rel="noopener"`, c'est à dire l'absence de mise en place de `window.opener`. Voir la compatibilité navigateur pour plus d'informations sur l'implémentation actuelle dans les navigateurs.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-noopener |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : prerender
==========================

Le mot-clé **`prerender`** de l'attribut `rel` de l'élément `<link>` indique aux navigateurs que la personne visitant le site pourrait avoir besoin de la ressource cible pour la prochaine page visitée, et donc que le navigateur peut sans doute améliorer l'expérience utilisateur en récupérant et en traitant la ressource de façon préventive – par exemple, en récupérant les ressources de cette page ou en effectuant son rendu en arrière-plan.

Spécifications
--------------

#### No specification found

No specification data found for `html.elements.link.rel.prerender`.  
Check for problems with this page or contribute a missing `spec_url` to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : prefetch
=========================

Le mot-clé **`prefetch`** de l'attribut `rel` de l'élément `<link>` est une information destinée à indiquer aux navigateurs que la personne visitant le site va avoir besoin de charger des ressources ciblées pour sa navigation future, et donc que le navigateur peut sans doute améliorer l'expérience de visite en analysant et en mettant en cache la ressource de façon préventive.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-prefetch |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de lien : me
==================

Le mot-clé **`me`**, utilisé pour l'attribut `rel` d'un élément `<link>` ou d'un élément `<a>`, indique que la ressource courante est représentée par la partie liée. La valeur `me` fut introduite dans la spécification XHTML Friends Network (XFN).


```html
<link rel="me" value="example.com" />
```


`rel="me"` est utilisé par les spécifications RelMeAuth et *Web sign in* comme une méthode, pour une personne, de s'identifier auprès d'un service web en utilisant leur nom de domaine ou une URL spécifique.

Spécifications
--------------

#### No specification found

No specification data found for `html.elements.link.rel.me`.  
Check for problems with this page or contribute a missing `spec_url` to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : noreferrer
===========================

Le mot-clé **`noreferrer`** de l'attribut `rel` des éléments `<a>`, `<area>` et `<form>` indique au navigateur, lorsque celui-ci ouvre la ressource cible, d'omettre l'en-tête `Referer` et de ne divulguer aucune information de *referrer*. Lorsque `noreferrer` est indiqué, le navigateur se comporte également comme si le mot-clé `noopener` avait été spécifié (il n'est donc pas utile d'indiquer les deux).

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-noreferrer |

Compatibilité navigateur
------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Types de liens : dns-prefetch
=============================

Le mot-clé **`dns-prefetch`** de l'attribut `rel` de l'élément `<link>` est une information destinée à indiquer aux navigateurs que la personne visitant le site va avoir besoin de charger des ressources provenant de l'origine de la ressource cible, et donc que le navigateur peut sans doute améliorer l'expérience de visite en effectuant la résolution DNS de cette origine de façon préventive.

Voir Utilisation de `dns-prefetch` (en-US) pour plus de détails.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-dns-prefetch |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Link types: modulepreload
=========================

Le mot-clé **`modulepreload`** de l'attribut `rel` de l'élément `<link>` fournit une manière déclarative d'analyser de façon préventive un module JavaScript et ses dépendances, ainsi que de les stocker dans la carte des modules du document pour une évaluation future.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # link-type-modulepreload |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
itemtype
========

L'attribut universel **`itemtype`** définit l'URL du vocabulaire qui sera utilisé pour définir les propriétés des objets dans la structure de données. `itemscope` est utilisé afin de définir la portée, dans le document, où le vocabulaire défini sera actif.

L'attribut `itemtype` doit avoir une valeur qui est un ensemble non ordonné de fragments uniques, sensible à la casse. Chaque fragment doit être une URL absolue valide et tous les fragments participent à la définition du même vocabulaire. La valeur de l'attribut doit avoir au moins un fragment.

Les types d'objet doivent tous être définis dans des spécifications de vocabulaire (comme schema.org) et doivent tous être définis avec le même vocabulaire.

L'attribut `itemtype` peut uniquement être défini pour les éléments qui ont un attribut `itemscope`.

Google et les autres moteurs de recherche participent au vocabulaire défini par schema.org pour structurer les données. Ce vocabulaire définit un ensemble standard de types et de noms de propriétés. Par exemple `MusicEvent` indique un événement musical dont les propriétés `startDate` et `location` utilisées pour définir les détails du concert. Dans ce cas, l'URL `http://schema.org/MusicEvent` sera l'URL utilisée pour l'attribut `itemtype` et les propriétés `startDate` et `location` seront les propriétés utilisées, définies par `http://schema.org/MusicEvent`.

**Note :** Vous pourrez trouver plus d'informations sur l'attribut itemtype sur http://schema.org/Thing

Syntaxe
-------

### Syntaxe formelle
```

itemtype = URL
```

### Exemple simple

#### HTML


```html
<div itemscope itemtype="http://schema.org/Product">
  <span itemprop="brand">ACME</span>
  <span itemprop="name">Executive Anvil</span>
</div>
```


#### Structure de données

|  |  |  |
| --- | --- | --- |
| `itemscope` | `itemtype` | http://schema.org/Product |
| `itemprop` | `name` | Executive Anvil |
| `itemprop` | `brand [Thing]` |
| `itemprop` | `name` | ACME |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # attr-itemtype |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Les différents attributs universels
* Les autres attributs universels relatifs aux microdonnées :
    + `itemid`
    + `itemprop`
    + `itemref`
    + `itemscope`
spellcheck
==========

L'attribut universel **`spellcheck`** est un attribut à valeur contrainte qui définit si l'orthographe du contenu de l'élément doit être vérifiée.

Exemple interactif
------------------

Les valeurs autorisées pour cet attribut sont :

* `true` : cette valeur indique que, si possible, l'orthographe de l'élément doit être vérifiée avec le correcteur orthographique.
* `false` : cette valeur indique que l'orthographe de l'élément ne doit pas être vérifié.

La valeur par défaut de l'attribut (utilisée si elle n'est pas définie explicitement) sera fonction du navigateur et du type d'élément. Cette valeur par défaut peut également être héritée (autrement dit, la valeur utilisée pour l'élément courant sera la valeur explicite définie pour son plus proche ancêtre dans l'arbre des éléments).

Cet attribut est un attribut à valeur contrainte, ce n'est pas un attribut booléen. Il faut donc utiliser explicitement les valeurs `true` ou `false`. Ainsi :


```html
<label spellcheck>Label exemple</label>
```


sera invalide, la formulation correcte étant :


```html
<label spellcheck="true">Label exemple</label>
```


Cet attribut n'est qu'une indication à destination du navigateur : il n'est pas obligatoire qu'un navigateur puisse vérifier l'orthographe. Les éléments non-éditables ne sont généralement pas vérifiés, même lorsque **`spellcheck`** vaut `true` et que le navigateur possède une fonctionnalité de vérification orthographique.

La valeur par défaut sera différente selon l'élément et le navigateur :

| Navigateur | `<html>` | `<textarea>` | `<input>` | Autres | Commentaires |
| --- | --- | --- | --- | --- | --- |
| Firefox / Gecko | `false` | `false` | `false` | *hérité* | Lorsque `layout.spellcheckDefault` vaut `0` |
| **`false`** | **`true`** | ***hérité*** | ***hérité*** | **Lorsque `layout.spellcheckDefault` vaut
`1` (valeur par défaut)** |
| `false` | `true` | `true` | *hérité* | Lorsque `layout.spellcheckDefault` vaut `2` |
| Chrome | `false` | `true` | ? | *hérité* |
| Internet Explorer | `false` | `true` | ? | *hérité* |
| Opera | `false` | `true` | ? | *hérité* |
| Safari | `false` | `true` | ? | *hérité* |

Exemples
--------

### HTML


```html
<!-- La valeur par défaut -->
<textarea>Saisissay un texte issy</textarea>

<!-- Les valeurs explicites -->
<textarea spellcheck="true">Saisissay un texte issy</textarea>
<textarea spellcheck="false">Saisissay un texte issy</textarea>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # attr-spellcheck |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Les différents attributs universels
inputmode
=========

L'attribut universel **`inputmode`** est un attribut à valeur contrainte qui fournit une indication au navigateur quant au type de donnée qui peut être saisi par l'utilisateur lors de l'édition de l'élément ou de son contenu. Les valeurs autorisées sont les suivantes :

`none`

Aucun clavier virtuel ne doit être affiché. Cette valeur s'avère utile lorsque l'application ou le site web implémente son propre outil de saisie.

`text`

C'est du texte qui sera saisi et un clavier dans la locale de l'utilisateur pourra être affiché.

`decimal`

C'est un nombre décimal qui sera saisi. Le clavier affiché peut contenir des chiffres et le séparateur décimal de la locale de l'utilisateur. Attention, selon les appareils, le signe moins (`-`) peut ne pas être présent.

`numeric`

C'est un nombre entier qui sera saisi. Le clavier affiché peut contenir les chiffres de 0 à 9. Attention, selon les appareils, le signe moins (`-`) peut ne pas être présent.

`tel`

C'est un numéro de téléphone qui sera saisi. Le clavier affiché pourra être celui d'un téléphone avec les chiffres allant de 0 à 9, l'astérisque et le dièse. Pour les champs de formulaire où il faut saisir un numéro de téléphone, on utilisera plutôt `<input type="tel">`.

`search`

L'élément éditable sert à la recherche. Le clavier affiché sera optimisé pour une recherche (par exemple, la touche Entrée pourra être indiquée avec le mot-clé « Rechercher »).

`email`

C'est une adresse électronique qui sera saisie. Le clavier affiché pourra être optimisé pour la saisie d'adresses email (généralement, on aura le caractère @ et d'autres éléments). Pour les champs de formulaire où il faut saisir une adresse électronique, on utilisera plutôt `<input type="email">`.

`url`

C'est une URL qui sera saisie. Le clavier affiché pourra être optimisé pour la saisie d'URL. Ainsi, la touche pour la barre oblique pourra être plus accessible, le clavier pourra proposer un accès à l'historique des URL utilisées, etc. Pour les champs de formulaire où il faut saisir une URL, on utilisera plutôt `<input type="url">`.

Lorsque cet attribut n'est pas explicitement défini, sa valeur par défaut est `"text"`, ce qui indique que c'est du texte qui sera saisi et qu'un clavier standard devrait être utilisé.

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # attr-inputmode |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'ensemble des attributs universels
enterkeyhint
============

L'attribut universel **`enterkeyhint`**
 est un attribut à valeur contrainte définissant le libellé d'action (ou l'icône) à présenter pour la touche entrée sur le clavier virtuel.

Exemple interactif
------------------

Description
-----------

 Les contrôles de formulaires (tels que les éléments `<textarea>`
 ou `<input>`) ou les éléments utilisant l'attribut
 `contenteditable` peuvent spécifier un attribut
 `inputmode` pour contrôler le type de clavier virtuel qui sera utilisé. Pour améliorer davantage l'expérience du visiteur, la touche à entrer peut être personnalisée spécifiquement en fournissant un attribut `enterkeyhint` indiquant comment la clé de saisie doit être libellée (ou quelle icône doit être affichée). La clé de saisie représente généralement ce que la personne va devoir faire par la suite. Les actions consistent généralement en l'envoi d'un texte, l'insertion d'une nouvelle ligne, le lancement d'une recherche, etc.

 Si aucun attribut `enterkeyhint` n'est fourni, l'agent utilisateur pourrait utiliser une information contextuelle à partir des attributs
 `inputmode`,
 `type`,
 ou `pattern` pour afficher une clé de saisie (ou une icône) adaptée.

### Valeurs

L'attribut `enterkeyhint` est un attribut à valeur contrainte et accepte uniquement les valeurs suivantes :

| Valeur | Description | Libellé de l'exemple (dépend de l'agent utilisateur et de la langue) |
| --- | --- | --- |
| `enterkeyhint="enter"` | Généralement utilisé pour insérer une nouvelle ligne de texte. | `↵` |
| `enterkeyhint="done"` | Signifie généralement qu'il n'y a rien de plus à saisir et que la méthode de saisie de l'éditeur (IME) est fermée. | `Done` |
| `enterkeyhint="go"` | Généralement utilisé pour envoyer le visiteur à la cible correspondant au texte saisi. | `Open` |
| `enterkeyhint="next"` | Cela envoie généralement la personne visitant le site vers le prochain champ qui accepte une saisie de texte. | `Next` |
| `enterkeyhint="previous"` | Cela envoie généralement la personne visitant le site vers le champ précédent acceptant une saisie de texte. | `Prev` |
| `enterkeyhint="search"` | Cela envoie généralement la personne visitant le site aux résultats de la recherche pour le texte qui a été saisi. | `Search` |
| `enterkeyhint="send"` | Cela envoie généralement le texte sur une cible donnée. | `Send` |

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # attr-enterkeyhint |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* La propriété `HTMLElement.enterkeyhint` (en-US) reflétant cet attribut
* L'attribut universel `inputmode`
* L'attribut universel `contenteditable`
* Les attributs `type` et `pattern` sur les éléments `<input>`