Атрибут типа HTML


Определение и использование

Для <button>элементов typeатрибут определяет тип кнопки.

Для <input>элементов typeатрибут указывает тип отображаемого элемента <input>.

Для элементов , <embed>, <link>, <object>, <script>и <source>атрибут указывает тип интернет-медиа (ранее известный как тип MIME). <style>type


Относится к

Атрибут typeможно использовать для следующих элементов:

Элементы Атрибут
<а> тип
<кнопка> тип
<встроить> тип
<ввод> тип
<ссылка> тип
<меню> тип
<объект> тип
<скрипт> тип
<источник> тип
<стиль> тип

Примеры

Пример кнопки

Два элемента кнопки, которые действуют как одна кнопка отправки и одна кнопка сброса (в форме):

<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>

Пример вставки

Встроенная флэш-анимация с указанным типом носителя:

<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">

Пример ввода

HTML-форма с двумя разными типами ввода; текст и отправить:

<form action="/action_page.php">
  Username: <input type="text" name="usrname"><br>
  <input type="submit" value="Submit">
</form>

Пример ссылки

В следующем примере атрибут type указывает, что связанный документ является внешней таблицей стилей:

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>

Пример объекта

Элемент <object> с указанным типом мультимедиа:

<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>

Пример сценария

Скрипт с указанным атрибутом type:

<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Пример источника

Использование атрибута типа:

<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>

Пример стиля

Используйте атрибут type, чтобы указать тип мультимедиа тега <style>:

<style type="text/css">
h1 {color:red;}
p {color:blue;}

</style>

Поддержка браузера

Атрибут typeимеет следующую поддержку браузера для каждого элемента:

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