Attribut type HTML
Définition et Utilisation
Pour les éléments <button> , l'attribut type spécifie le type de bouton.
Pour les éléments <input> , l'attribut type détermine le type d'élément <input> à afficher.
Pour les éléments <embed> , <link> , <object> , <script> , <source> et <style> , l'attribut type spécifie le type de média Internet (anciennement connu sous le nom de type MIME).
S'applique à
L'attribut type peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <a> | type |
| <button> | type |
| <embed> | type |
| <input> | type |
| <link> | type |
| <menu> | type |
| <object> | type |
| <script> | type |
| <source> | type |
| <style> | type |
Exemples
Exemple de Bouton
Deux éléments de bouton qui fonctionnent comme un bouton de soumission et un bouton de réinitialisation (dans un formulaire) :
<form action="/action_page.php" method="get">
Prénom : <input type="text" name="fname"><br>
Nom : <input type="text" name="lname"><br>
<button type="submit" value="Submit">Soumettre</button>
<button type="reset" value="Reset">Réinitialiser</button>
</form> Exemple d'Intégration
Une animation flash intégrée avec un type de média spécifié :
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie"> Exemple d'Input
Un formulaire HTML avec deux types d'input différents : texte et soumettre :
<form action="/action_page.php">
Nom d'utilisateur : <input type="text" name="usrname"><br>
<input type="submit" value="Soumettre">
</form> Exemple de Lien
Dans l'exemple suivant, l'attribut type indique que le document lié est une feuille de style externe :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head> Exemple d'Objet
Un élément <object> avec un type de média spécifié :
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object> Exemple de Script
Un script avec l'attribut type spécifié :
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Bonjour JavaScript !";
</script> Exemple de Source
Utilisation de l'attribut type :
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge l'élément audio.
</audio> Exemple de Style
Utilisez l'attribut type pour spécifier le type de média de la balise <style> :
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style> Support des Navigateurs
L'attribut type est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| bouton | Oui | Oui | Oui | Oui | Oui |
| embed | Oui | Oui | Oui | Oui | Oui |
| input | Oui | Oui | Oui | Oui | Oui |
| link | Oui | Oui | Oui | Oui | Oui |
| object | Oui | Oui | Oui | Oui | Oui |
| script | Oui | Oui | Oui | Oui | Oui |
| source | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| style | Oui | Oui | Oui | Oui | Oui |