Atributo de tipo HTML
Definição e uso
Para <button>
elementos, o
type
atributo especifica o tipo de botão.
Para <input>
elementos, o
type
atributo especifica o tipo de elemento <input> a ser exibido.
Para elementos <embed>
,
<link>
, <object>
,
<script>
, <source>
e
<style>
, o type
atributo especifica o tipo de mídia da Internet (anteriormente conhecido como tipo MIME).
Aplica-se a
O type
atributo pode ser usado nos seguintes elementos:
Elementos | Atributo |
---|---|
<a> | modelo |
<botão> | modelo |
<incorporar> | modelo |
<entrada> | modelo |
<link> | modelo |
<menu> | modelo |
<objeto> | modelo |
<script> | modelo |
<fonte> | modelo |
<estilo> | modelo |
Exemplos
Exemplo de botão
Dois elementos de botão que atuam como um botão de envio e um botão de redefinição (em um formulário):
<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>
Exemplo de incorporação
Uma animação em flash incorporada com um tipo de mídia especificado:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Exemplo de entrada
Um formulário HTML com dois tipos de entrada diferentes; texto e enviar:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Exemplo de link
No exemplo a seguir, o atributo type indica que o documento vinculado é uma folha de estilo externa:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Exemplo de objeto
Um elemento <object> com um tipo de mídia especificado:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Exemplo de script
Um script com o atributo type especificado:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Exemplo de origem
Uso do atributo 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>
Exemplo de estilo
Use o atributo type para especificar o tipo de mídia da tag <style> :
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Suporte ao navegador
O type
atributo tem o seguinte suporte do navegador para cada 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 |