HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML အမည် Attribute


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ရည်ညွှန်းချက် သည် nameHTML ဒြပ်စင်တစ်ခုအတွက် အမည်တစ်ခုကို သတ်မှတ်သည်။

JavaScript ရှိ အစိတ်အပိုင်းကို ကိုးကားရန် ဤ nameattribute ကို သုံးနိုင်သည်။

<form>ဒြပ်စင် တစ်ခုအတွက် ၊ nameဒေတာပေးပို့သည့်အခါ ရည်ညွှန်းချက်အဖြစ် အသုံးပြုသည်။

<iframe>ဒြပ်စင် တစ်ခုအတွက် ၊ nameဖောင်တင်ပြမှုတစ်ခုကို ပစ်မှတ်ထားရန် ရည်ညွှန်းချက်ကို အသုံးပြုနိုင်သည်။

<map>ဒြပ်စင် တစ်ခုအတွက် ၊ nameရည်ညွှန်းချက်သည် <img>'s usemapattribute နှင့် ဆက်စပ်နေပြီး ပုံနှင့် မြေပုံကြား ဆက်စပ်မှုကို ဖန်တီးသည်။

<meta>ဒြပ်စင် တစ်ခုအတွက် ၊ nameattribute သည် attribute ၏ အချက်အလက်/တန်ဖိုးအတွက် အမည်တစ်ခုကို သတ်မှတ် contentပေးသည်။

<param>ဒြပ်စင် တစ်ခုအတွက် ၊ tag နှင့်သတ်မှတ်ထားသော plugin အတွက် ဘောင်များကို သတ်မှတ်ရန် attribute ကို attribute နှင့် nameတွဲသုံး ပါသည်။value<object>


တွေပေါ့။

ရည်ညွှန်းချက်ကို အောက်ပါ nameဒြပ်စင်များတွင် အသုံးပြုနိုင်ပါသည်။

ဒြပ်စင် ဂုဏ်ရည်
<ခလုတ်> နာမည်
<fieldset> နာမည်
<form> နာမည်
<iframe> နာမည်
<input> နာမည်
<map> နာမည်
<meta> နာမည်
<object> နာမည်
<output> နာမည်
<param> နာမည်
<select> နာမည်
<textarea> နာမည်

ဥပမာများ

ဥပမာ

နှိပ်လိုက်သောအခါ မတူညီသောတန်ဖိုးများကို တင်ပြသည့် တူညီသောအမည်များပါသည့် ခလုတ်နှစ်ခု၊

<form action="/action_page.php" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>

Fieldset ဥပမာ

အမည် ရည်ညွှန်းချက်ပါသော <fieldset> တစ်ခု-

<fieldset name="personalia">
  Name: <input type="text"><br>
  Email: <input type="text"><br>
</fieldset>

ပုံစံနမူနာ

အမည် ရည်ညွှန်းချက်ပါသော HTML ဖောင်တစ်ခု

<form action="/action_page.php" method="get" name="myForm">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="button" onclick="formSubmit()" value="Send form data!">
</form>

Iframe ဥပမာ

လင့်ခ်တစ်ခုအတွက် ပစ်မှတ်အဖြစ် လုပ်ဆောင်သည့် <iframe>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a>

ထည့်သွင်းဥပမာ

ထည့်သွင်းမှုနယ်ပယ်သုံးခုပါရှိသော HTML ဖောင်တစ်ခု၊ စာသားအကွက်နှစ်ခုနှင့် ပေးပို့ရန်ခလုတ်တစ်ခု-

<form action="/action_page.php">
  Name: <input type="text" name="fullname"><br>
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form>

မြေပုံဥပမာ

နှိပ်နိုင်သောနေရာများပါရှိသော ရုပ်ပုံမြေပုံတစ်ခု၊

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

Meta ဥပမာ

ဖော်ပြချက်၊ သော့ချက်စကားလုံးများနှင့် HTML စာရွက်စာတမ်း၏ရေးသားသူအား သတ်မှတ်ရန် အမည်အရည်အချင်းကို အသုံးပြုပါ-

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>

Object ဥပမာ

အမည်ရည်ညွှန်းချက်ပါသော <object> ဒြပ်စင်တစ်ခု-

<object data="helloworld.swf" width="400" height="400" name="obj1"></object>

Output ဥပမာ

တွက်ချက်မှုတစ်ခုလုပ်ဆောင်ပြီး <output> element တွင် ရလဒ်ကိုပြသသည်-

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  <input type="range" id="a" value="50">100
  +<input type="number" id="b" value="50">
  =<output name="x" for="a b"></output>
</form>

Param ဥပမာ

"အလိုအလျောက်ဖွင့်ခြင်း" ဘောင်ကို "မှန်" ဟုသတ်မှတ်ထားပါသည်၊ ထို့ကြောင့် စာမျက်နှာကိုဖွင့်သည်နှင့်တပြိုင်နက် အသံစတင်ဖွင့်ပါမည်-

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>

ဥပမာကို ရွေးပါ။

အမည် ရည်ညွှန်းချက် ပါသော drop-down စာရင်း

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Textarea ဥပမာ

အမည်ရည်ညွှန်းချက်ပါသော စာသားဧရိယာ-

<form action="/action_page.php">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>

Browser ပံ့ပိုးမှု

multipleရည်ညွှန်းချက်တွင် ဒြပ်စင်တစ်ခုစီအတွက် အောက်ပါဘရောက်ဆာ ပံ့ပိုးမှုပါရှိသည်

Element
button Yes Yes Yes Yes Yes
fieldset Yes Not supported Yes Yes Yes
form Yes Yes Yes Yes Yes
iframe Yes Yes Yes Yes Yes
input 1.0 2.0 1.0 1.0 1.0
map Yes Yes Yes Yes Yes
meta Yes Yes Yes Yes Yes
object Yes Yes Yes Yes Yes
output 10.0 Not supported 4.0 5.1  11.0
param Yes Yes Yes Yes Yes
select Yes Yes Yes Yes Yes
textarea Yes Yes Yes Yes Yes