ວິທີການເພີ່ມແບບຟອມກັບ KompoZer

01 of 06

ຕື່ມແບບຟອມດ້ວຍ KompoZer

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

02 of 06

ສ້າງແບບຟອມໃຫມ່ດ້ວຍ KompoZer

KompoZer ມີເຄື່ອງມືແບບຟອມທີ່ອຸດົມສົມບູນທີ່ທ່ານສາມາດໃຊ້ເພື່ອເພີ່ມຮູບແບບຕ່າງໆໃນຫນ້າເວັບຂອງທ່ານ. ທ່ານສາມາດເຂົ້າເຖິງເຄື່ອງມືແບບຟອມໄດ້ໂດຍກົດປຸ່ມ Form ຫຼືເມນູເລື່ອນລົງພ້ອມກັບແຖບເຄື່ອງມື. ໃຫ້ສັງເກດວ່າຖ້າທ່ານບໍ່ຂຽນຕົວ ອັກສອນຕົວຈັດການແບບຟອມ ຂອງຕົນເອງ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ຮັບຂໍ້ມູນບາງຢ່າງສໍາລັບຂັ້ນຕອນນີ້ຈາກເອກະສານຫຼືຈາກຜູ້ຂຽນຜູ້ຂຽນ. ນອກນັ້ນທ່ານຍັງສາມາດໃຊ້ ແບບຟອມ mailto ແຕ່ພວກເຂົາ ບໍ່ໄດ້ເຮັດວຽກຢູ່ສະເຫມີ .

1. ຕັ້ງຕົວກະລົງໃນສະຖານທີ່ທີ່ທ່ານຕ້ອງການແບບຟອມຂອງທ່ານປາກົດຢູ່ໃນຫນ້າ.
2. ກົດປຸ່ມແບບຟອມໃນແຖບເຄື່ອງມື. ກ່ອງໂຕ້ຕອບແບບຟອມແບບຟອມເປີດ.
3. ເພີ່ມຊື່ສໍາລັບແບບຟອມ. ຊື່ຖືກໃຊ້ໃນລະຫັດ HTML ຜະລິດໂດຍອັດໂນມັດເພື່ອກໍານົດແບບຟອມແລະຕ້ອງການ. ນອກນັ້ນທ່ານຍັງຕ້ອງການບັນທຶກຫນ້າຂອງທ່ານກ່ອນທີ່ທ່ານຈະສາມາດເພີ່ມແບບຟອມໄດ້. ຖ້າທ່ານກໍາລັງເຮັດວຽກກັບຫນ້າໃຫມ່ທີ່ບໍ່ໄດ້ບັນທຶກໄວ້, KompoZer ຈະແຈ້ງໃຫ້ທ່ານປະຫຍັດ.
4. ຕື່ມຂໍ້ມູນ URL ໄປຍັງສະຄິບທີ່ຈະປະມວນຜົນຂໍ້ມູນແບບຟອມໃນເຂດຂໍ້ມູນປະຕິບັດງານ. ຕົວຈັດການແບບຟອມແມ່ນປົກກະຕິແລ້ວສະຄິບທີ່ຂຽນໃນ PHP ຫຼືພາສາຂອງເຄື່ອງແມ່ຂ່າຍທີ່ຄ້າຍຄືກັນ. ໂດຍບໍ່ມີຂໍ້ມູນນີ້, ຫນ້າເວັບຂອງທ່ານຈະບໍ່ສາມາດເຮັດຫຍັງກັບຂໍ້ມູນທີ່ເຂົ້າມາໂດຍຜູ້ໃຊ້. KompoZer ຈະແຈ້ງໃຫ້ທ່ານເຂົ້າໃນ URL ສໍາລັບຕົວຈັດການແບບຟອມຖ້າທ່ານບໍ່ໃສ່ມັນ.
5. ເລືອກວິທີທີ່ໃຊ້ໃນການສົ່ງຂໍ້ມູນແບບຟອມໃຫ້ກັບເຄື່ອງແມ່ຂ່າຍ. ທັງສອງທາງເລືອກແມ່ນ GET ແລະ POST. ທ່ານຈໍາເປັນຕ້ອງຮູ້ວ່າວິທີທີ່ script ຕ້ອງໃຊ້.
6. ກົດ OK ແລະແບບຟອມຈະຖືກເພີ່ມໃສ່ຫນ້າຂອງທ່ານ.

03 of 06

ເພີ່ມເຂດຂໍ້ຄວາມເພື່ອແບບຟອມດ້ວຍ KompoZer

ເມື່ອທ່ານໄດ້ເພີ່ມແບບຟອມໃຫ້ກັບຫນ້າທີ່ມີ KompoZer, ແບບຟອມຈະຖືກລະບຸໄວ້ໃນຫນ້າທີ່ຢູ່ໃນເສັ້ນສີຂີ້ເຖົ່າສີຟ້າ. ທ່ານຕື່ມເຂດຟອມຟອມຂອງທ່ານໃນເຂດພື້ນທີ່ນີ້. ນອກນັ້ນທ່ານຍັງສາມາດພິມຂໍ້ຄວາມຫຼືເພີ່ມຮູບພາບຕ່າງໆເຊັ່ນດຽວກັບທ່ານຈະຢູ່ໃນສ່ວນອື່ນຂອງຫນ້າ. ຂໍ້ຄວາມທີ່ເປັນປະໂຫຍດເພື່ອເພີ່ມຄໍາສັ່ງຫລືປ້າຍເພື່ອສ້າງຟິນເພື່ອແນະນໍາຜູ້ໃຊ້.

1. ເລືອກບ່ອນທີ່ທ່ານຕ້ອງການເຂດຂໍ້ຄວາມທີ່ຈະເຂົ້າໄປໃນເຂດຟອມທີ່ໄດ້ກໍານົດໄວ້. ຖ້າທ່ານຕ້ອງການເພີ່ມປ້າຍ, ທ່ານອາດຕ້ອງການພິມຂໍ້ຄວາມໃນຄັ້ງທໍາອິດ.
2. ກົດລູກສອນລົງຢູ່ໃກ້ກັບປຸ່ມແບບຟອມເທິງແຖບເຄື່ອງມືແລະເລືອກຟອມຟອມຈາກເມນູເລື່ອນລົງ.
3. ປ່ອງຢ້ຽມຄຸນລັກສະນະແບບຟອມຈະເປີດ. ເພື່ອເພີ່ມພາກສະຫນາມຂໍ້ຄວາມ, ເລືອກຂໍ້ຄວາມຈາກເມນູເລື່ອນລົງທີ່ຕິດສະຫລາກທີ່ປະເພດ Field.
4. ໃຫ້ຊື່ໃຫ້ພາກສະຫນາມຂໍ້ຄວາມ. ຊື່ຖືກນໍາໃຊ້ເພື່ອກໍານົດເຂດຂໍ້ມູນໃນລະຫັດ HTML ແລະຕົວຈັດການການຈັດການແບບຟອມຕ້ອງການຊື່ໃນການປະມວນຜົນຂໍ້ມູນ. ບາງບັນດາຄຸນສົມບັດທາງເລືອກອື່ນສາມາດດັດແປງໃນກ່ອງນີ້ໂດຍການປິດປຸ່ມ Properties Properties / ນ້ອຍກວ່າຄຸນສົມບັດຫຼືໂດຍກົດປຸ່ມດັດແກ້ Advanced, ແຕ່ສໍາລັບໃນປັດຈຸບັນພວກເຮົາຈະໃສ່ຊື່ຟາຍ.
5. ກົດ OK ແລະເຂດຂໍ້ຄວາມຈະປາກົດຢູ່ໃນຫນ້າ.

04 of 06

ເພີ່ມເຂດຂໍ້ຄວາມເພື່ອແບບຟອມດ້ວຍ KompoZer

ບາງຄັ້ງ, ຈໍານວນຂໍ້ຄວາມທີ່ຕ້ອງການທີ່ຈະໃສ່ໃນແບບຟອມ, ເຊັ່ນຂໍ້ຄວາມຫຼືພາກສະຫນາມຄໍາຖາມ / ຄໍາເຫັນ. ໃນກໍລະນີນີ້, ເຂດຂໍ້ຄວາມແມ່ນບໍ່ເຫມາະສົມ. ທ່ານສາມາດເພີ່ມເຂດຟອມຮູບແບບພື້ນທີ່ໂດຍໃຊ້ເຄື່ອງມືແບບຟອມ.

1. ຕັ້ງຕົວກະພິບຂອງທ່ານໃນຮູບແບບຟອມທີ່ທ່ານຕ້ອງການເຂດຂໍ້ຄວາມຂອງທ່ານ. ຖ້າທ່ານຕ້ອງການພິມປ້າຍ, ມັນມັກຈະຂຽນຂໍ້ຄວາມກ່ຽວກັບປ້າຍ, ກົດ enter ເພື່ອຍ້າຍໄປຍັງເສັ້ນໃຫມ່, ຫຼັງຈາກນັ້ນຕື່ມເຂດຟອມ, ເນື່ອງຈາກຂະຫນາດຂອງພື້ນທີ່ຂອງຂໍ້ຄວາມຢູ່ໃນຫນ້າເຮັດໃຫ້ມັນງຸ່ມງ່າມສໍາລັບ ປ້າຍເພື່ອຈະຢູ່ເບື້ອງຊ້າຍຫຼືຂວາ.
2. ກົດລູກສອນລົງຕໍ່ໄປກັບປຸ່ມແບບຟອມເທິງແຖບເຄື່ອງມືແລະເລືອກເອົາເນື້ອໃນຂໍ້ຄວາມຈາກເມນູເລື່ອນລົງ. ປ່ອງຢ້ຽມຄຸນສົມບັດເຂດຂໍ້ຄວາມຈະເປີດ.
3. ໃສ່ຊື່ສໍາລັບພາກສະຫນາມຂໍ້ຄວາມ. ຊື່ກໍານົດພາກສະຫນາມໃນລະຫັດ HTML ແລະຖືກນໍາໃຊ້ໂດຍການຈັດການແບບຟອມການຈັດການເພື່ອປະມວນຜົນຂໍ້ມູນທີ່ຜູ້ໃຊ້ສົ່ງ.
4. ໃສ່ຈໍານວນແຖວແລະຄໍລໍາທີ່ທ່ານຕ້ອງການສະແດງເນື້ອທີ່ຂໍ້ຄວາມ. ຂະຫນາດເຫຼົ່ານີ້ກໍານົດຂະຫນາດຂອງພາກສະຫນາມໃນຫນ້າແລະຈໍານວນຂໍ້ຄວາມທີ່ສາມາດຖືກເຂົ້າໄປໃນພາກສະຫນາມກ່ອນທີ່ຈະເລື່ອນພາບຕ້ອງເກີດຂຶ້ນ.
5. ຕົວເລືອກກ້າວຫນ້າທາງດ້ານຫຼາຍສາມາດຖືກກໍານົດດ້ວຍການຄວບຄຸມອື່ນໆໃນປ່ອງຢ້ຽມນີ້, ແຕ່ສໍາລັບໃນປັດຈຸບັນຊື່ພາກສະຫນາມແລະຂະຫນາດແມ່ນພຽງພໍ.
6. ກົດ OK ແລະເຂດຂໍ້ຄວາມຈະປາກົດໃນແບບຟອມ.

05 of 06

ຕື່ມການສົ່ງແລະປັບປຸ່ມເພື່ອແບບຟອມດ້ວຍ KompoZer

ຫຼັງຈາກຜູ້ໃຊ້ໄດ້ຕື່ມແບບຟອມໃສ່ຫນ້າເວັບຂອງທ່ານ, ມັນຈໍາເປັນຕ້ອງມີທາງບາງຢ່າງສໍາລັບຂໍ້ມູນທີ່ຈະສົ່ງໄປຫາເຄື່ອງແມ່ຂ່າຍ. ນອກຈາກນັ້ນ, ຖ້າຜູ້ໃຊ້ຕ້ອງການເລີ່ມຕົ້ນຫຼືເຮັດຜິດພາດ, ມັນຈະເປັນປະໂຫຍດທີ່ຈະປະກອບມີການຄວບຄຸມທີ່ຈະປັບຄ່າທັງຫມົດຂອງແບບຟອມໄວ້ໃນຄ່າເລີ່ມຕົ້ນ. ການຄວບຄຸມແບບຟອມພິເສດໃນການຈັດການຫນ້າທີ່ເຫຼົ່ານີ້, ທີ່ເອີ້ນວ່າປຸ່ມ Submit ແລະ Reset ຕາມລໍາດັບ.

1. ວາງຕົວກະພິບຂອງທ່ານຢູ່ໃນພື້ນທີ່ແບບຟອມທີ່ໄດ້ກໍານົດໄວ້ບ່ອນທີ່ທ່ານຕ້ອງການປຸ່ມສົ່ງຫຼືປັບ. ສ່ວນຫຼາຍແລ້ວ, ເຫຼົ່ານີ້ຈະຕັ້ງຢູ່ຂ້າງລຸ່ມຂອງພາກສ່ວນທີ່ຢູ່ໃນຮູບແບບ.
2. ກົດລູກສອນລົງຢູ່ໃກ້ກັບປຸ່ມແບບຟອມເທິງແຖບເຄື່ອງມືແລະເລືອກ Define Button ຈາກເມນູເລື່ອນລົງ. ປ່ອງຢ້ຽມຄຸນລັກສະນະປຸ່ມຈະປາກົດ.
3. ເລືອກປະເພດຂອງປຸ່ມຈາກເມນູແບບເລື່ອນລົງທີ່ຕິດປະເພດ. ທາງເລືອກຂອງທ່ານແມ່ນສົ່ງ, ປັບແລະປຸ່ມ. ໃນກໍລະນີນີ້ພວກເຮົາຈະເລືອກປະເພດສົ່ງ.
4. ໃຫ້ຊື່ໃຫ້ປຸ່ມ, ເຊິ່ງຈະຖືກນໍາໃຊ້ໃນລະຫັດ HTML ແລະການຈັດການແບບຟອມເພື່ອຈັດການຄໍາຮ້ອງຂໍແບບຟອມ. ຜູ້ພັດທະນາເວັບໂດຍທົ່ວໄປຊື່ວ່າ "ສົ່ງ".
5. ໃນປ່ອງທີ່ມີຊື່ວ່າ Value, ໃສ່ຂໍ້ຄວາມທີ່ປາກົດຢູ່ໃນປຸ່ມ. ຂໍ້ຄວາມຄວນຈະສັ້ນແຕ່ລາຍລະອຽດກ່ຽວກັບສິ່ງທີ່ຈະເກີດຂຶ້ນເມື່ອປຸ່ມກົດ. ບາງສິ່ງບາງຢ່າງເຊັ່ນ "ສົ່ງ," "ສົ່ງແບບຟອມ", ຫຼື "ສົ່ງ" ແມ່ນຕົວຢ່າງທີ່ດີ.
6. ກົດ OK ແລະປຸ່ມຈະປາກົດໃນແບບຟອມ.

ປຸ່ມ Reset ສາມາດໄດ້ຮັບການເພີ່ມໃນຮູບແບບໂດຍໃຊ້ຂະບວນການດຽວກັນ, ແຕ່ເລືອກຕັ້ງຄ່າໃຫມ່ຈາກພາກສະຫນາມແທນທີ່ຈະສົ່ງ.

06 of 06

ການດັດແກ້ແບບຟອມດ້ວຍ KompoZer

ການດັດແກ້ຮູບແບບຟອມຫຼືຟອມຟອມໃນ KompoZer ແມ່ນງ່າຍດາຍຫຼາຍ. ພຽງແຕ່ double-click ພາກສະຫນາມທີ່ທ່ານຕ້ອງການແກ້ໄຂ, ແລະກ່ອງໂຕ້ຕອບທີ່ເຫມາະສົມຈະປາກົດບ່ອນທີ່ທ່ານສາມາດປ່ຽນຄຸນສົມບັດພາກສະຫນາມໃຫ້ເຫມາະສົມກັບຄວາມຕ້ອງການຂອງທ່ານ. ແຜນວາດຂ້າງເທິງສະແດງໃຫ້ເຫັນຮູບແບບທີ່ງ່າຍດາຍໂດຍນໍາໃຊ້ອົງປະກອບທີ່ມີໃນບົດຮຽນນີ້.