Атрибут типа 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 |