ဟတ္ထိလုပ်ငန်း <fieldset> အမှတ်

  • 上一页
  • 下一页

ကြောင်းပြချက် နှင့် အသုံးပြုခြင်း

အချက်အလက် အမှတ်ပေါင်း အကိုယ်စားပြုမူကျမ်း ကို ပေါင်းစပ်ထားသည်။

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

<legend> အချက်အလက် အမှတ်ပေါင်း fieldset အကိုယ်စားပြုမူကျမ်း ကို ကြောင်းပြထားသည်။

အခြား ကိုယ်စားပြုမူကျမ်း ကို ကျွန်းမြောက်:

HTML DOM ကိုယ်စားပြုမူကျမ်း:Fieldset အရာ

အမှတ်

အမှတ် 1

ပွဲစား တွင် ပါဝင်သော အရာများ ကို အုပ်စုဖြင့် ကိုယ်စားပြုပါ

<form action="/action_page.php">
  

    <legend>သတ္တုပရိုဂရမ်：</legend>
    <label for="fname">အမည်：</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">အမည်：</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">Birthday:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="ပြောင်းလဲမည်">
  </fieldset>
</form>

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

အမှတ် 2

CSS ကို အသုံးပြု၍ <fieldset> နှင့် <legend> အော်ချာ ကို အစားအဆများကို သတ်မှတ်ပါ

<html>
<head>
<style>
fieldset {
  background-color: #eeeeee;
}
legend {
  background-color: gray;
  color: white;
  padding: 5px 10px;
}
input {
  margin: 5px;
}
</style>
</head>
<body>
<form action="/action_page.php">
  

    <legend>သတ္တုပရိုဂရမ်：</legend>
    <label for="fname">အမည်：</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">အမည်：</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">အီးလ်：</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">နေ့ရက်：</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="ပြောင်းလဲမည်">
  </fieldset>
</form>
</body>
</html>

ကိုယ်တိုင် စစ်ဆေးကြည့်ပါ

အကြောင်းပြချက် နှင့် မှတ်ချက်

အကြောင်းပြချက်<legend> အချက်အလက် ကို <fieldset> အရာ အတွက် ညွှန်းပြသည်

အချက်အလက်

အချက်အလက် ပြင်းပြီး ဖော်ပြ
disabled disabled ပါဝင်သော နေရာ အဖွဲ့ ကို ပိတ်မိသင့်သည်
form form_id ပါဝင်သော နေရာ ကို အခြား ပိုင်ဆိုင်သော ပွဲစား ကို ညွှန်းပြသည်
name စာကြိုး ပါဝင်သော နေရာ အမည် ကို ညွှန်းပြသည်

အမြန်ပြင် အချက်အလက်

အချက်အလက် ကို ထောက်ပံ့ပေးသည် HTML တွင် အမြန်ပြင် အချက်အလက်。

ဖြစ်ပေါ်မှု အချက်အလက်

အချက်အလက် ကို ထောက်ပံ့ပေးသည် HTML တွင် ဖြစ်ပေါ်မှု အချက်အလက်。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示

元素：

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持
  • 上一页
  • 下一页