HTML <fieldset> ຕາມລັກ
- ຫນ້າທີ່ຫນັງ <embed>
- ຫນ້າຫນັງ <figcaption>
ການສະແດງ ແລະ ການນໍາໃຊ້
<fieldset>
ແບບ <legend> ຖືກນຳໃຊ້ເພື່ອຈັດອອກປະກອບທີ່ກ່ຽວຂ້ອງໃນຟອມ
<fieldset>
ແບບ <legend> ຈະຂຽນວຽກຄອບຄອງອ້ອມຮອບປະກອບທີ່ກ່ຽວຂ້ອງ
<legend>
ແບບ fieldset ເປັນຫົວຂໍ້
ບໍ່ບໍ່ບັງຄັບການອ່ານ
ຄູ່ມວນຊີລະບົບ HTML DOMໂອກາດ Fieldset
ຄວາມຈຳນວນ
ຕົວຢ່າງ 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">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"> <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> <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 | ຂໍ້ຄວາມ | ກຳນົດຊື່ບັນທຶກຂອງບັນດາບັນທຶກ |
ການປະສົງທົ່ວໄປ
<fieldset>
ອີກຢ່າງໜຶ່ງແມ່ນການສະໜັບສະໜູນ ການປະສົງທົ່ວໄປຂອງ HTML。
ການປະສົງ
<fieldset>
ອີກຢ່າງໜຶ່ງແມ່ນການສະໜັບສະໜູນ ການປະສົງຂອງເອກະສານ HTML。
ການກະກຽມ CSS ຄົບຖານ
ທົ່ວໄປບັນດາບັນດາຄອມພິວເຕີມຈະສະແດງຄືກັບຄູ່ມູນລະບົບດັ່ງກ່າວຢ່າງດຽວກັນ <fieldset>
ປະກອບວັດຖຸ:
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 (ຄູ່ມູນພາຍໃນ); }
ການສະໜັບສະໜູນບັນດາຄອມພິວເຕີມ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |
- ຫນ້າທີ່ຫນັງ <embed>
- ຫນ້າຫນັງ <figcaption>