ການນໍາໃຊ້ Tag Input Tag ແລະ Tag ປຸ່ມໃນແບບຟອມ

ທ່ານສາມາດສ້າງປຸ່ມຂໍ້ຄວາມ customizable ໃນ HTML ໂດຍໃຊ້ tag . ອົງປະກອບ ' ຖືກນໍາໃຊ້ພາຍໃນ element.

ໂດຍການກໍານົດ ຊະນິດ ລັກສະນະຂອງ "ປຸ່ມ", ປຸ່ມກົດທີ່ງ່າຍດາຍຈະຖືກສ້າງຂຶ້ນ. ທ່ານສາມາດກໍານົດຂໍ້ຄວາມທີ່ຈະປາກົດຢູ່ໃນປຸ່ມ, ເຊັ່ນ: "ສົ່ງ," ໂດຍໃຊ້ ຄຸນ ສົມບັດຄຸນ ຄ່າ .

ຍົກ​ຕົວ​ຢ່າງ:

ຮັບຮູ້ວ່າ tag ຈະບໍ່ສົ່ງແບບຟອມ HTML; ທ່ານຍັງຈໍາເປັນຕ້ອງປະກອບ JavaScript ເພື່ອຈັດການກັບຂໍ້ມູນແບບຟອມ. ຖ້າບໍ່ມີເຫດຜົນ onclick JavaScript, ປຸ່ມຈະປາກົດວ່າຈະສາມາດ clickable ໄດ້ແຕ່ບໍ່ມີຫຍັງເກີດຂຶ້ນ, ແລະທ່ານຈະມີຄວາມຜິດຫວັງກັບຜູ້ອ່ານຂອງທ່ານ.

ປຸ່ມ & lt; & gt; Tag Alternative

ເຖິງແມ່ນວ່າການນໍາໃຊ້ປ້າຍເຂົ້າເພື່ອສ້າງປຸ່ມສໍາລັບຈຸດປະສົງຂອງມັນ, ມັນເປັນທາງເລືອກທີ່ດີກວ່າທີ່ຈະໃຊ້ປ້າຍ <ປຸ່ມ> ເພື່ອສ້າງປຸ່ມເວັບໄຊທ໌ HTML ຂອງທ່ານ. ຕົວຢ່າງ, <ຖັນ> ປຸ່ມແມ່ນມີຄວາມຍືດຫຍຸ່ນຫຼາຍເພາະມັນຊ່ວຍໃຫ້ທ່ານສາມາດໃຊ້ຮູບພາບສໍາລັບປຸ່ມ (ເຊິ່ງຊ່ວຍໃຫ້ທ່ານຮັກສາຄວາມສອດຄ່ອງຂອງຮູບພາບຖ້າວ່າເວັບໄຊທ໌ຂອງທ່ານມີຫົວຂໍ້ການອອກແບບ) ແລະມັນສາມາດຖືກກໍານົດເປັນປຸ່ມປະເພດສົ່ງຫລືກໍານົດ ໂດຍບໍ່ຈໍາເປັນຕ້ອງມີ JavaScript ພິເສດ.

ທ່ານຕ້ອງການກໍານົດຄຸນລັກສະນະຂອງປຸ່ມໃນທຸກໆ tags. ມີສາມປະເພດທີ່ແຕກຕ່າງກັນຄື:

• ປຸ່ມ - ປຸ່ມບໍ່ມີພຶດຕິກໍາປະກົດຂຶ້ນແຕ່ຖືກນໍາໃຊ້ຮ່ວມກັບສະຄິບທີ່ດໍາເນີນຢູ່ເທິງລູກຄ້າທີ່ສາມາດຕິດກັບປຸ່ມແລະປະຕິບັດເມື່ອມັນຖືກກົດ.
• reset - ປັບ ຄ່າຄ່າທັງຫມົດ.
• ສົ່ງ - ປຸ່ມສົ່ງຂໍ້ມູນແບບຟອມໃຫ້ກັບເຄື່ອງແມ່ຂ່າຍ (ນີ້ເປັນຄ່າເລີ່ມຕົ້ນຖ້າບໍ່ມີປະເພດຖືກກໍານົດ).

ຄຸນສົມບັດອື່ນໆລວມມີ:

• ຊື່ - ໃຫ້ປຸ່ມຊື່ອ້າງອີງ.
• ມູນຄ່າ - ລະບຸຄ່າທີ່ຈະຖືກກໍາຫນົດໄວ້ໃນເບື້ອງຕົ້ນ.
• ປິດໃຊ້ງານ - ປິດປຸ່ມ.

HTML5 ເພີ້ມຄຸນລັກສະນະເພີ່ມເຕີມບາງຢ່າງໃຫ້ກັບແທໍກ <ປຸ່ມ> ທີ່ໃຫ້ຄຸນເຮັດວຽກຫຼາຍຂຶ້ນ.

• autofocus - ເມື່ອຫນ້າໂຫຼດ, ນີ້ລະບຸວ່າປຸ່ມນີ້ແມ່ນຈຸດສຸມ. ພຽງແຕ່ຫນຶ່ງອັດຕະໂນມັດສາມາດຖືກນໍາໃຊ້ໃນຫນ້າຫນຶ່ງ.
• ຮູບແບບ - ເຊື່ອມໂຍງປຸ່ມທີ່ມີແບບຟອມພາຍໃນເອກະສານ HTML ດຽວກັນ, ການນໍາໃຊ້ຕົວລະບຸຂອງແບບຟອມເປັນມູນຄ່າ. ຍົກ​ຕົວ​ຢ່າງ:

Submit

formaction - ໃຊ້ເສພາະກັບ type = "submit" ແລະ URL ເປັນຄ່າ, ມັນລະບຸວ່າບ່ອນໃດທີ່ຂໍ້ມູນແບບຟອມຈະຖືກສົ່ງໄປ. ຍົກ​ຕົວ​ຢ່າງ:

ສົ່ງຂໍ້ມູນແບບຟອມໄປຍັງຫນ້າອື່ນ

formenctype - ໃຊ້ເສພາະກັບ type = "submit" attribute ກໍານົດວ່າຂໍ້ມູນແບບຟອມຈະໄດ້ຮັບການເຂົ້າລະຫັດໃນເວລາທີ່ສົ່ງກັບເຄື່ອງແມ່ຂ່າຍ. ສາມຄ່າແມ່ນ application / x-www-form-urlencoded (default), multipart / form-data, ແລະ text / plain

formmethod - ໃຊ້ເສພາະກັບ type = "submit" attribute ນີ້ລະບຸວ່າວິທີການ HTTP ທີ່ຈະນໍາໃຊ້ເມື່ອສົ່ງຂໍ້ມູນແບບຟອມ, ໄດ້ຮັບ ຫຼື ຕອບ.

formnovalidate - ໃຊ້ເສພາະກັບ type = "submit" attribute ຂໍ້ມູນແບບຟອມຈະບໍ່ຖືກກວດສອບເມື່ອສົ່ງ.

formtarget - ໃຊ້ເສພາະກັບ type = "submit" attribute. ນີ້ສະແດງໃຫ້ເຫັນບ່ອນທີ່ການຕອບສະຫນອງຂອງເວັບໄຊທ໌ຄວນຈະຖືກສະແດງໃນເວລາທີ່ຂໍ້ມູນແບບຟອມຖືກສົ່ງມາ, ເຊັ່ນວ່າຢູ່ໃນປ່ອງຢ້ຽມໃຫມ່, ແລະອື່ນໆ. ຕົວເລືອກຄ່າແມ່ນ _blank, _self, _parent, _top, ຫຼືຊື່ເຟຣມສະເພາະໃດຫນຶ່ງ.

ຖ້າທ່ານກໍາລັງໃຊ້ແບບຟອມ, ທ່ານອາດຈະຕ້ອງການອ່ານໃນ ການສ້າງປຸ່ມໃນຮູບແບບ HTML ແລະວິທີເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານມີຄວາມເປັນມິດກວ່າ.