HTML အမျိုးအစား Attribute
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
<button>
ဒြပ်စင် များအတွက် ၊
type
attribute သည် ခလုတ်အမျိုးအစားကို သတ်မှတ်သည်။
<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 Example
သတ်မှတ်ထားသော မီဒီယာအမျိုးအစားဖြင့် မြှုပ်သွင်းထားသည့် ဖလက်ရှ်ကာတွန်း ကာတွန်းတစ်ခု-
<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>
လင့်ခ်နမူနာ
အောက်ပါဥပမာတွင်၊ အမျိုးအစား attribute သည် ချိတ်ဆက်ထားသောစာရွက်စာတမ်းသည် ပြင်ပစတိုင်စာရွက်တစ်ခုဖြစ်ကြောင်း ဖော်ပြသည်-
<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>
အရင်းအမြစ် ဥပမာ
အမျိုးအစား attribute ကိုအသုံးပြုခြင်း-
<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> tag ၏ မီဒီယာအမျိုးအစားကို သတ်မှတ်ရန် အမျိုးအစား attribute ကိုသုံးပါ ။
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
Browser ပံ့ပိုးမှု
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 |