| Элемент | ||||||
| <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 Атрибут 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>)
Вставляем флэш-анимацию с указанием соответствующего медиа-типа:
Атрибут type (Элемент <input>)
HTML форма с двумя разными элементами ввода — текстовое поле и кнопка отправки данных на сервер:
Пример HTML:
Попробуй сам<form action="action_form.php">
Логин: <input type="text" name="login"><br>
<input type="submit" value="Отправить">
</form>Атрибут type (Элемент <link>)
В следующем примере атрибут type определяет, что подключаемый документ является каскадной таблицей стилей:
Атрибут 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 имеет следующую поддержку браузерами для каждого элемента:
Спецификации
| Спецификация | Статус |
|---|---|
| HTML 4.01 (W3C) | Рекомендация (type-STYLE) |
| HTML 5 (W3C) | Рекомендация (type-STYLE) |
| HTML 5.1 (W3C) | Рекомендация (type-STYLE) |
Учебник HTML
HTML уроки: HTML Атрибуты
