HTML <legend> အချက်
အသုံးချင်း နှင့် အပြုအရင်
အမည် <fieldset> အချက်အလက် အချက်အလက်ကို
တီးပြီ
HTML DOM ပြည့်စုံဆိုင်ရာမှတ်တမ်း:အချက်အလက်အဆင်းနှင့်
အမှတ်အသား
ဘာသာ 1
ပေါင်းစားအုပ်စုကို ပေါင်းစားအုပ်စုတွင် အသုံးပြုပြီ
<form action="/action_page.php">
<fieldset>
<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>
ဘာသာ 2
ပါဝါအချက်အလက်ကို ဘယ်ရှေ့သို့ လွှတ်တင်ပြီး (CSS အသုံးပြု):
<form action="/action_page.php">
<fieldset>
<legend style="float:right">ပုံစံအချက်အလက်：</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>
ဘာသာ 3
CSS အသုံးပြုလုပ် <fieldset> နှင့် ပုံစံအလက်:
<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">
<fieldset>
<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>