HTML प्रकार विशेषता
परिभाषा और उपयोग
<button>तत्वों के लिए ,
typeविशेषता बटन के प्रकार को निर्दिष्ट करती है।
<input>तत्वों के लिए ,
typeविशेषता प्रदर्शित करने के लिए <इनपुट> तत्व के प्रकार को निर्दिष्ट करती है।
<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>
लिंक उदाहरण
निम्नलिखित उदाहरण में, प्रकार विशेषता इंगित करती है कि लिंक किया गया दस्तावेज़ एक बाहरी स्टाइल शीट है:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
वस्तु उदाहरण
एक निर्दिष्ट मीडिया प्रकार के साथ एक <ऑब्जेक्ट> तत्व:
<object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>
स्क्रिप्ट उदाहरण
निर्दिष्ट प्रकार विशेषता वाली एक स्क्रिप्ट:
<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>
शैली उदाहरण
<style> टैग के मीडिया प्रकार को निर्दिष्ट करने के लिए type विशेषता का उपयोग करें:
<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 |