HTML 유형 속성
정의 및 사용
<button>요소의 경우 속성
type은 버튼 유형을 지정합니다.
<input>요소의 경우 속성
type은 표시할 <input> 요소의 유형을 지정합니다.
<embed>,
<link>, <object>,
<script>, <source>및
<style>요소의 경우 속성 type은 인터넷 미디어 유형(이전의 MIME 유형)을 지정합니다.
에 적용
속성 은 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 |