type
Ta’rif va qo‘llanilishi
<button> elementlari uchun
type atributi tugma turini belgilaydi.
<input> elementlari uchun
type atributi ko‘rsatiladigan <input> elementining turini belgilaydi.
<embed>,
<link>, <object>,
<script>, <source> va
<style> elementlari uchun type atributi Internet media turini (avvalgi nomi — MIME turi) belgilaydi.
Qo‘llaniladigan elementlar
type atributini quyidagi elementlarda ishlatish mumkin:
| Elementlar | Atribut |
|---|---|
| <a> | type |
| <button> | type |
| <embed> | type |
| <input> | type |
| <link> | type |
| <menu> | type |
| <object> | type |
| <script> | type |
| <source> | type |
| <style> | type |
Misollar
Button misoli
Biri yuborish tugmasi, ikkinchisi tiklash tugmasi vazifasini bajaradigan ikkita button elementi (forma ichida):
<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>
O‘zingiz sinab ko‘ring »
Embed misoli
Media turi belgilangan joylashtirilgan flash animatsiya:
<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">
O‘zingiz sinab ko‘ring »
Input misoli
Ikki xil kiritish turiga ega HTML forma: text va submit:
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Link misoli
Quyidagi misolda type atributi bog‘langan hujjat tashqi uslublar jadvali ekanligini ko‘rsatadi:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
O‘zingiz sinab ko‘ring »
Object misoli
Media turi belgilangan <object> elementi:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
O‘zingiz sinab ko‘ring »
Script misoli
type atributi belgilangan skript:
<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
O‘zingiz sinab ko‘ring »
Source misoli
type atributidan foydalanish:
<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>
O‘zingiz sinab ko‘ring »
Style misoli
<style> tegining media turini belgilash uchun type atributidan foydalaning:
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
type atributining har bir element uchun brauzerlarda qo‘llab-quvvatlanishi quyidagicha:
| Element | |||||
|---|---|---|---|---|---|
| button | Ha | Ha | Ha | Ha | Ha |
| embed | Ha | Ha | Ha | Ha | Ha |
| input | Ha | Ha | Ha | Ha | Ha |
| link | Ha | Ha | Ha | Ha | Ha |
| object | Ha | Ha | Ha | Ha | Ha |
| script | Ha | Ha | Ha | Ha | Ha |
| source | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| style | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!