‎‎ويژگيHTML type

‎‎تعريف وكاربردDefinition and Usag -‎

‎‎ويژگي‎type‎ براي عنصر ‎<button>‎ نوع دكمه را مشخص ميكند

‎‎اين ويژگي براي عنصر‎<input>‎ نوع ورودي را مشخص ميكند .

‎ويژگي فوق براي عناصر‎<embed> , <link> , <object> ,<script> , <source>‎ ‎و‎<style>‎ نوع رسانه اينترنتي را مشخص ميكند .

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.

‎
‎‎عنصر	‎‎شــرح
‎<a>	‎‎يك پيوند يا لينكي را تعريف ميكند.
‎<button>	‎‎يك دكمه قابل كليك تعريف مي نمايد.
‎<embed>	‎‎يك محفظه براي يك برنامه بيروني را معرفي ميكند.
‎<input>	‎‎يك كنترل ورودي را تعريف ميكند.
‎<link>	‎‎ارتباط بين سند ويك منبع خارجي ديگر را تعريف مي نمايد. ‎بيشتر براي ارتباط با استايل شيت ها استفاد ميشود.
‎<object>	‎‎محفظه اي براي برنامه خارجي تعريف مي نمايد.
‎<script>	‎‎يك اسكريپت سمت كلاينت را معرفي ميكند.
‎<source>	‎‎منابع پخش را براي عناصر رسانه اي‎<video>,<audio>‎ معرفي ميكند .
‎<style>	‎‎اطلاعات استايل را براي يك سند تعريف ميكند.

‎‎مثالها

‎‎مثالButton ـ فرم با دو دكمه يكي ازسال ديگري تنظيم مجدد

‎

<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 type="reset" value="Reset">Reset
</form>

‎‎مثالEmbed ـ يك نيمشن فلش جاسازي شده با مشخص نمودن نوع رسانه

‎

<embed src="helloworld.swf" type="application/vnd.adobe.flash-movie">

‎‎مثالInput ـ با دونوع ورودي مختلف در فرم html

‎

<form action="/action_page.php">
  Username: <input type="text" name="usrname"><br>
  <input type="submit" value="Submit">
</form>

‎‎مثالLink ـ نوع فايل پيوندي يك استايل شيت خارجي است

‎

 <head>
<link>rel="stylesheet" type="text/css" href="theme.css">
</head>

‎‎مثالObject ـ عنصر ‎<object>‎ با مشخص كردن نوع رسانه

‎

 <object width="400" height="400" data="helloworld.swf" type="application/vnd.adobe.flash-movie"></object>

‎‎مثالScript ـ اسكريپت با مشخص كردن نوع آن

‎

<script type="text/javascript">
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script >

‎‎مثالSource ـ استفاده از ويژگي ‎type‎

‎

 <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 ـ با مشخص كردن نوع آن

‎

 <style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎
‎‎عنصر
‎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‎