سمة نوع HTML
التعريف والاستخدام
بالنسبة <button>للعناصر ،
typeتحدد السمة نوع الزر.
بالنسبة <input>للعناصر ،
typeتحدد السمة نوع عنصر <input> المراد عرضه.
بالنسبة إلى <embed>،
<link>، <object>،
<script>، <source>،
<style>والعناصر ، typeتحدد السمة نوع وسائط الإنترنت (المعروف سابقًا باسم نوع MIME).
ينطبق على
يمكن typeاستخدام السمة في العناصر التالية:
| عناصر | يصف |
|---|---|
| <a> | نوع |
| <زر> | نوع |
| <embed> | نوع |
| <إدخال> | نوع |
| <ارتباط> | نوع |
| <القائمة> | نوع |
| <كائن> | نوع |
| <script> | نوع |
| <source> | نوع |
| <ستايل> | نوع |
أمثلة
مثال زر
عنصرا زر يعملان كزر إرسال واحد وزر إعادة تعيين واحد (في نموذج):
<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>:
<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 |