Attributo di tipo HTML
Definizione e utilizzo
Per <button>gli elementi, l'
typeattributo specifica il tipo di pulsante.
Per <input>gli elementi, l'
typeattributo specifica il tipo di elemento <input> da visualizzare.
Per gli elementi <embed>,
<link>, <object>,
<script>, <source>e
<style>, l' typeattributo specifica il tipo di supporto Internet (precedentemente noto come tipo MIME).
Si applica a
L' typeattributo può essere utilizzato sui seguenti elementi:
| Elementi | Attributo |
|---|---|
| <a> | genere |
| <pulsante> | genere |
| <incorpora> | genere |
| <immissione> | genere |
| <link> | genere |
| <menù> | genere |
| <oggetto> | genere |
| <script> | genere |
| <fonte> | genere |
| <stile> | genere |
Esempi
Esempio di pulsante
Due elementi pulsante che agiscono come un pulsante di invio e un pulsante di ripristino (in un modulo):
<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>
Esempio di incorporamento
Un'animazione flash incorporata con un tipo di supporto specificato:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Esempio di input
Un modulo HTML con due diversi tipi di input; testo e invia:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Esempio di collegamento
Nell'esempio seguente, l'attributo type indica che il documento collegato è un foglio di stile esterno:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Esempio di oggetto
Un elemento <oggetto> con un tipo di supporto specificato:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Esempio di sceneggiatura
Uno script con l'attributo type specificato:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Esempio di fonte
Utilizzo dell'attributo 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>
Esempio di stile
Utilizza l'attributo type per specificare il tipo di supporto del tag <style> :
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Supporto browser
L' typeattributo ha il seguente supporto del browser per ogni elemento:
| 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 |