Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут type

Атрибут type (от англ. "type" — «тип, вид») type (от англ. "type" ‒ «тип, вид») указывает тип элемента:

Для элемента <button>

Указывает тип интерактивной кнопки. В завистимости от типа кнопки меняется её поведение, то есть события вызываемые кнопкой.

Для элементов <embed>, <link>, <object>, <script>, <source>, и <style>

Определяет медиа-тип (ранее назывался MIME-тип) вставляемого объекта.

Для элемента <input>

Указывает тип элемента формы.

Синтаксис

<element type="значение">

Применяется к тегам

Элементы Атрибут
<button> type
<embed> type
<input> type
<link> type
<menu> type
<object> type
<script> type
<source> type
<style> type

Отличия HTML 4.01 от HTML 5

В HTML5 для атрибута type элемента <input> были добавлены следующие новые значения: color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel, url.

Примеры использования:

Атрибут type (Элемент <button>)

Две кнопки, одна из которых отправляет данные формы на сервер, а другая сбрасывает их в исходное состояние:

Пример HTML:

Попробуй сам
<form action="action_form.php" method="get">
  Имя: <input type="text" name="firstname"><br>
  Фамилия: <input type="text" name="lastname"><br>
  <button type="submit" value="Отправить">Отправить</button>
  <button type="reset" value="Очистить">Очистить</button>
</form>

Атрибут type (Элемент <embed>)

Вставляем флэш-анимацию с указанием соответствующего медиа-типа:

Пример HTML:

Попробуй сам
<embed src="shar.swf" type="application/x-shockwave-flash">

Атрибут type (Элемент <input>)

HTML форма с двумя разными элементами ввода — текстовое поле и кнопка отправки данных на сервер:

Пример HTML:

Попробуй сам
<form action="action_form.php">
  Логин: <input type="text" name="login"><br>
  <input type="submit" value="Отправить">
</form>

Атрибут type (Элемент <link>)

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

Пример HTML:

Попробуй сам
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

Атрибут type (Элемент <menu>)

Контекстное меню:

Пример HTML:

Попробуй сам
<menu type="context" id="menuContext">
   <li>Введение</li>
   <li>Элементы</li>
   <li>Атрибуты</li>
   <li>Примеры</li>
   <li>Уроки</li>
</menu>

Атрибут type (Элемент <object>)

Элемент <object> с соответствующим медиа-типом:

Пример HTML:

Попробуй сам
<object width="400" height="400" data="shar.swf" type="application/vnd.adobe.flash-movie"></object>

Атрибут type (Элемент <script>)

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

Пример HTML:

Попробуй сам
<script type="text/javascript">
function curDate() {
document.getElementById("txt").innerHTML = Date();
}
</script>

Атрибут type (Элемент <source>)

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

Пример HTML:

Попробуй сам
<video id="myVideo" width="350" height="200" controls>
  <source src="video/merc_benz.mp4" type="video/mp4">
  <source src="video/merc_benz.ogv" type="video/ogv">
  Ваш браузмер не поддерживает тег video.
</video>

Атрибут type (Элемент <style>)

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

Пример HTML:

Попробуй сам
<style type="text/css">
p {
background-color: #f0f0f0;
font-style: oblique;
color: #333;
}
</style>

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

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

Элемент
<button> 4+ 1+ 6+ 1+ 1+ 1+
<embed> 3+ 1+ 3.5+ 1+ 1+ 1+
<input> 3+ 1+ 1+ 1+ 1+ 1+
<link> 3+ 1+ 4+ 1+ 1+ 1+
<menu> 8+
<object> 3+ 1+ 4+ 1+ 1+ 1+
<script> 3+ 1+ 3.5+ 1+ 1+ 1+
<source> 9+ 8+ 10.50+ Да 4+ 3.5+
<style> 3+ 1+ 4+ 1+ 1+ 1+

Спецификации

Спецификация Статус
HTML 4.01 (W3C) Рекомендация (type-STYLE)
HTML 5 (W3C) Рекомендация (type-STYLE)
HTML 5.1 (W3C) Рекомендация (type-STYLE)

Учебник HTML

HTML уроки: HTML Атрибуты


Kwork.ru - услуги фрилансеров от 500 руб.