Form elements ກຸ່ມ

ໂຕ້ອອກແບບ Form DOM HTML

ການສະແດງແລະການນໍາໃຊ້

elements ມີການຕອບມາສະຖານະພັນຂອງປະກອບຢູ່ໃນຟອມ.

ຄວາມອະທິບາຍ:ປະກອບປະກອບຢູ່ທີ່ມາຈາກລະບົບສາຍວິທີຍາມຈະຖືກຕັດສິນຢູ່ທີ່ມາຈາກສາຍວິທີຍາມ.

ຄວາມອະທິບາຍ:elements ກະບໍລິຫານທີ່ກັບຄືນ <form> ທີ່ມີປະກອບອາກາດທັງໝົດພຽງແຕ່ຢູ່ໃນ <form> ບໍ່ແມ່ນປະກອບອາກາດທັງໝົດຢູ່ໃນເອກະສານ. ຖ້າຕ້ອງການຊອກຫາ <form> ທັງໝົດຢູ່ໃນເອກະສານ, ກະວຍໃຊ້ document.forms. document.forms ກະບໍລິຫານ.

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຊອກຫາຈຳນວນປະກອບອາກາດທີ່ມີຢູ່ໃນ <form> ຕົກຕັ້ງຄືນ:

var x = document.getElementById("myForm").elements.length;

ທຳການທົດລອງດ້ວຍຕົວເອງ

ຜົນຂອງ x ຈະເປັນ:

3

ຄຳແນະນຳ:ຕົວຢ່າງຫຼາຍກວ່າທີ່ມີຢູ່ທີ່ດ້ານກ້າວໃຫ້ຕໍ່າ:

ຂອດຄຳສັ່ງ

formObject.elements

ປະສົບຜົນ

ປະສົບຜົນ ຄວາມອະທິບາຍ
length

ກັບຄືນ <form> ທີ່ມີຈຳນວນປະກອບອາກາດ.

ຄວາມອະທິບາຍ:ປະສົບຜົນຂອງປະສົບຜົນພຽງພໍ.

ວິທີການ

ວິທີການ ຄວາມອະທິບາຍ
[index]

ກັບຄືນ <form> ທີ່ມີບັນທຶກຢູ່ບໍ່ໃນຊັ້ນມາດຕະການ (ເລີ່ມຈາກ 0).

ຄວາມອະທິບາຍ:ຖ້າເບີ່ງທີ່ຢູ່ບໍ່ໃນຊັ້ນມາດຕະການຈະກັບຄືນ null.
item(index)

ກັບຄືນ <form> ທີ່ມີບັນທຶກຢູ່ບໍ່ໃນຊັ້ນມາດຕະການ (ເລີ່ມຈາກ 0).

ຄວາມອະທິບາຍ:ຖ້າເບີ່ງທີ່ຢູ່ບໍ່ໃນຊັ້ນມາດຕະການຈະກັບຄືນ null.
namedItem(id)

ກັບຄືນ <form> ທີ່ມີ id ຕົກຕັ້ງຄືນ:

ຄວາມອະທິບາຍ:ຖ້າ id ບໍ່ມີຢູ່ຈະກັບຄືນ null.

ຂໍ້ມູນດ້ານເຕັກນິກ

ລະບົບ DOM: Core Level 2 Document Object
ຄວາມຮັບຜິດຊອບ:

ໂອບເຈັນ ລະບົບສະບັບລະບົບຂັ້ນສູງສຸດ 2 Document Object

ປະກອບອາກາດໃນກະບໍລິຫານຈະຖືກຈັດຢູ່ຕາມການອອກມາໃນລະຫັດການຂອງລະຫັດການຂອງລະຫັດການ:

ຕົວຢ່າງຫຼາຍກວ່າ:

ຕົວຢ່າງ 2: [index]

ການເອົາຄວາມພິຈາລະນາຂອງປະກອບອາກາດທີ່ເປັນປະກອບອາກາດທຳອິດ (ບັນທຶກ 0) ຂອງຟອມ:

var x = document.getElementById("myForm").elements[0].value;

ທຳການທົດລອງດ້ວຍຕົວເອງ

ຜົນຂອງ x ຈະເປັນ:

ດອນໂນນ

ຕົວຢ່າງ 3: item(index)

ການເອົາຄວາມພິຈາລະນາຂອງປະກອບອາກາດທີ່ເປັນປະກອບອາກາດທຳອິດ (ບັນທຶກ 0) ຂອງຟອມ:

var x = document.getElementById("myForm").elements.item(0).value;

ທຳການທົດລອງດ້ວຍຕົວເອງ

ຜົນຂອງ x ຈະເປັນ:

ດອນໂນນ

ຕົວຢ່າງ 4: namedItem(id)

ການເອົາຄວາມພິຈາລະນາຂອງປະກອບອາກາດທີ່ມີຊື່ "fname" ຂອງຟອມ:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

ທຳການທົດລອງດ້ວຍຕົວເອງ

ຜົນຂອງ x ຈະເປັນ:

ດອນໂນນ

ຕົວຢ່າງ 5

ການພອດທົດລອງຂອງປະກອບອາກາດໃນຟອມແລະອອກຜົນງານຄຳທີ່ຕ້ອງການຂອງປະກອບອາກາດແຕ່ລະຢ່າງ:

var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "
";
}
document.getElementById("demo").innerHTML = txt;

ທຳການທົດລອງດ້ວຍຕົວເອງ

ຜົນຂອງ x ຈະເປັນ:

ດອນໂນນ
ດັກ
ສົ່ງອອກ

ການສະໜັບສະໜູນບັນດາບາຣີເຊີ

ເຊົາຣີ ເອກກີ ຟຣີສຟາຣີສ ແຊບຟາຣີ ອອນປາກາ
ເຊົາຣີ ເອກກີ ຟຣີສຟາຣີສ ແຊບຟາຣີ ອອນປາກາ
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ໂຕ້ອອກແບບ Form DOM HTML