Attribut de type HTML
Définition et utilisation
Pour <button>les éléments, l'
typeattribut spécifie le type de bouton.
Pour <input>les éléments, l'
typeattribut spécifie le type d'élément <input> à afficher.
Pour les éléments <embed>,
<link>, <object>,
<script>, <source>et
<style>, l' typeattribut spécifie le type de média Internet (anciennement appelé type MIME).
S'applique à
L' typeattribut peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <a> | taper |
| <bouton> | taper |
| <intégrer> | taper |
| <entrée> | taper |
| <lien> | taper |
| <menu> | taper |
| <objet> | taper |
| <script> | taper |
| <source> | taper |
| <style> | taper |
Exemples
Exemple de bouton
Deux éléments de bouton qui agissent comme un bouton d'envoi et un bouton de réinitialisation (dans un formulaire) :
<form action="/action_page.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</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'entrée
Un formulaire HTML avec deux types de saisie différents ; textez et soumettez :
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</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 scénario
Un script avec l'attribut type spécifié :
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Exemple de sources
Utilisation de l'attribut type :
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</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>
Prise en charge du navigateur
L' typeattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| embed | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| object | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| source | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| style | Yes | Yes | Yes | Yes | Yes |