Atributo de tipo HTML
Definición y uso
Para <button>los elementos, el
typeatributo especifica el tipo de botón.
Para <input>los elementos, el
typeatributo especifica el tipo de elemento <input> que se mostrará.
Para los elementos <embed>,
<link>, <object>,
<script>, <source>y
<style>, el typeatributo especifica el tipo de medio de Internet (anteriormente conocido como tipo MIME).
Se aplica a
El typeatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <a> | escribe |
| <botón> | escribe |
| <incrustar> | escribe |
| <entrada> | escribe |
| <enlace> | escribe |
| <menú> | escribe |
| <objeto> | escribe |
| <script> | escribe |
| <fuente> | escribe |
| <estilo> | escribe |
Ejemplos
Ejemplo de botón
Dos elementos de botón que actúan como un botón de envío y un botón de reinicio (en un formulario):
<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>
Ejemplo de inserción
Una animación flash incrustada con un tipo de medio especificado:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
Ejemplo de entrada
Un formulario HTML con dos tipos de entrada diferentes; texto y enviar:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
Ejemplo de enlace
En el siguiente ejemplo, el atributo de tipo indica que el documento vinculado es una hoja de estilo externa:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Ejemplo de objeto
Un elemento <object> con un tipo de medio especificado:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
Ejemplo de guión
Un script con el atributo de tipo especificado:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Ejemplo de fuente
Uso del atributo de tipo:
<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>
Ejemplo de estilo
Utilice el atributo type para especificar el tipo de medio de la etiqueta <style>:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Compatibilidad con navegador
El typeatributo tiene el siguiente soporte de 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 |