Paano Magdaragdag ng isang Form na may KompoZer

01 ng 06

Magdagdag ng isang Form na May KompoZer

Maraming beses kapag lumilikha ka ng mga web page kung saan kailangan mong iproseso ang input na isinumite ng gumagamit tulad ng pahina ng pag-login, paglikha ng bagong account, o upang magsumite ng mga tanong o komento. Ang input ng user ay nakolekta at ipinadala sa web server gamit ang isang HTML form. Ang mga form ay madaling idagdag sa built-in na mga tool ng KompoZer. Ang lahat ng mga uri ng patlang ng form na sinusuportahan ng HTML 4.0 ay maaaring idagdag at na-edit sa KompoZer, ngunit para sa tutorial na ito gagana namin ang teksto, lugar ng teksto, isumite at i-reset ang mga pindutan.

02 ng 06

Gumawa ng Bagong Form Gamit ang KompoZer

Ang KompoZer ay mayroong mga rich form na kasangkapan na maaari mong gamitin upang magdagdag ng mga form sa iyong mga web page. Na-access mo ang mga tool sa form sa pamamagitan ng pag-click sa pindutan ng Form o sa kasamang drop down na menu sa toolbar. Tandaan na kung hindi mo isulat ang iyong sariling mga script sa paghawak ng form , kakailanganin mong makakuha ng ilang impormasyon para sa hakbang na ito mula sa dokumentasyon o mula sa programmer na nagsulat ng script. Maaari mo ring gamitin ang mga form ng mailto ngunit hindi ito palaging gumagana .

1. Puwesto ang iyong cursor sa lokasyon na nais mong lumitaw ang iyong form sa pahina.
2. I-click ang button na Form sa toolbar. Ang kahon ng dialog ng Form Properties ay bubukas.
3. Magdagdag ng pangalan para sa form. Ginagamit ang pangalan sa awtomatikong nabuong HTML code upang makilala ang form at kinakailangan. Kailangan mo ring i-save ang iyong pahina bago ka makapagdagdag ng isang form. Kung nagtatrabaho ka sa isang bagong pahina ng hindi na-save, hihingin ka ng KompoZer upang i-save.
4. Idagdag ang URL sa script na magpoproseso ng data ng form sa field ng Action URL. Ang mga humaharang sa form ay karaniwang mga script na nakasulat sa PHP o katulad na server-side na wika. Kung wala ang impormasyong ito, ang iyong web page ay hindi makakagawa ng anumang bagay sa data na ipinasok ng gumagamit. Hinihikayat ka ng KompoZer na ipasok ang URL para sa handler ng form kung hindi mo ipapasok ito.
5. Piliin ang Paraan na ginamit upang isumite ang data ng form sa server. Ang dalawang pagpipilian ay GET at POST. Kakailanganin mong malaman kung anong paraan ang kailangan ng script.
6. I-click ang OK at idagdag ang form sa iyong pahina.

03 ng 06

Magdagdag ng Field Text Upang Isang Form Na May KompoZer

Sa sandaling nagdagdag ka ng isang form sa isang pahina na may KompoZer, bubuo ang form sa pahina sa isang light blue dashed line. Idagdag mo ang iyong mga field ng form sa loob ng lugar na ito. Maaari mo ring i-type ang teksto o magdagdag ng mga larawan, tulad ng gagawin mo sa anumang iba pang bahagi ng pahina. Ang teksto ay kapaki-pakinabang upang magdagdag ng mga senyas o mga label upang bumuo ng mga patlang upang gabayan ang user.

1. Piliin kung saan mo nais ang patlang ng teksto na pumunta sa nakabalangkas na lugar ng form. Kung nais mong magdagdag ng isang label, maaari mong i-type ang teksto sa unang.
2. I-click ang down arrow sa tabi ng button na Form sa toolbar at piliin ang Form Field mula sa drop down na menu.
3. Magbubukas ang window ng Form Field Properties. Upang magdagdag ng isang patlang ng teksto, piliin ang Teksto mula sa drop down na menu na may label na Uri ng Field.
4. Magbigay ng isang pangalan sa field ng teksto. Ang pangalan ay ginagamit upang kilalanin ang patlang sa HTML code at ang form na paghawak ng script ay nangangailangan ng pangalan upang maproseso ang data. Ang isang bilang ng iba pang mga opsyonal na katangian ay maaaring baguhin sa dialog na ito sa pamamagitan ng toggling ang Higit pang Mga Katangian / Mas kaunting mga Katangian button o sa pamamagitan ng pagpindot sa pindutan ng Advanced na Edit, ngunit para sa ngayon ay ipasok lamang namin ang pangalan ng patlang.
5. I-click ang OK at lumilitaw ang patlang ng teksto sa pahina.

04 ng 06

Magdagdag ng Isang Area ng Teksto sa isang Form na May KompoZer

Minsan, maraming teksto ang kailangang maipasok sa isang form, tulad ng isang mensahe o isang tanong / komento field. Sa kasong ito, isang patlang ng teksto ay hindi angkop lamang. Maaari kang magdagdag ng patlang ng field ng form sa teksto gamit ang mga tool form.

1. Puwesto ang iyong cursor sa loob ng balangkas ng form kung saan mo nais ang lugar ng iyong teksto. Kung nais mong i-type ang isang label, kadalasan ay isang magandang ideya na i-type ang label na teksto, pindutin ang enter upang lumipat sa isang bagong linya, pagkatapos ay idagdag ang field ng form, dahil ang sukat ng lugar ng teksto sa pahina ay nagiging mahirap para sa label na nasa kaliwa o kanan.
2. I-click ang down na arrow sa tabi ng button ng Form sa toolbar at piliin ang Area ng Teksto mula sa drop down na menu. Magbubukas ang window ng Properties Properties window.
3. Magpasok ng isang pangalan para sa field ng field ng teksto. Kinikilala ng pangalan ang patlang sa HTML code at ginagamit ng form handling script upang iproseso ang impormasyon na isinumite ng gumagamit.
4. Ipasok ang bilang ng mga hilera at haligi na nais mong ipapakita ang lugar ng teksto. Tinutukoy ng mga sukat na ito ang sukat ng patlang sa pahina at kung gaano karaming mga teksto ang maaaring maipasok sa patlang bago mag-scroll kailangang mangyari.
5. Maaaring matukoy ang higit pang mga advanced na opsyon sa iba pang mga kontrol sa window na ito, ngunit para sa ngayon ang patlang ng pangalan at sukat ay sapat.
6. I-click ang OK at lumilitaw ang lugar ng teksto sa form.

05 ng 06

Magdagdag ng Isang Isumite at I-reset ang Pindutan Upang Isang Form Na May KompoZer

Matapos mapunan ng user ang form sa iyong pahina, kailangang may ilang paraan para maipasa ang impormasyon sa server. Bukod pa rito, kung nais ng user na magsimula o magkamali, makatutulong na isama ang isang kontrol na i-reset ang lahat ng mga halaga ng form sa default. Kinokontrol ng mga espesyal na form na kontrol ang mga function na ito, na tinatawag na Submit and Reset buttons ayon sa pagkakabanggit.

1. Ilagay ang iyong cursor sa loob ng nakabalangkas na lugar ng form kung saan nais mong isumite o i-reset ang pindutan upang maging. Kadalasan, ang mga ito ay matatagpuan sa ibaba ng iba pang mga patlang sa isang form.
2. I-click ang down na arrow sa tabi ng button na Form sa toolbar at piliin ang Tukuyin ang Pindutan mula sa drop down na menu. Lilitaw ang window ng Mga Katangian ng Pindutan.
3. Piliin ang uri ng pindutan mula sa drop down na menu na may label na Uri. Ang iyong mga pagpipilian ay Submit, Reset at Button. Sa kasong ito ay pipiliin namin ang uri ng Pagsumite.
4. Magbigay ng isang pangalan sa pindutan, na gagamitin sa HTML at form handling code upang maproseso ang kahilingan ng form. Karaniwang pinangalanan ng mga developer ng web ang patlang na ito na "isumite."
5. Sa kahon na may label na Halaga, ipasok ang teksto na dapat lumitaw sa pindutan. Ang teksto ay dapat maikli ngunit naglalarawan kung ano ang mangyayari kapag pinindot ang pindutan. Isang bagay tulad ng "Submit," "Submit Form," o "Send" ay magandang halimbawa.
6. I-click ang OK at lumilitaw ang pindutan sa form.

Maaaring idagdag ang pindutang I-reset sa form gamit ang parehong proseso, ngunit piliin ang I-reset mula sa field ng Uri sa halip na Magsumite.

06 ng 06

Pag-edit ng Isang Form Gamit ang KompoZer

Ang pag-edit ng isang form o field ng form sa KompoZer ay napakadaling. I-double click lamang sa patlang na nais mong i-edit, at ang naaangkop na kahon ng dialogo ay lilitaw kung saan maaari mong baguhin ang mga katangian ng field upang umangkop sa iyong mga pangangailangan. Ang diagram sa itaas ay nagpapakita ng isang simpleng form gamit ang mga bahagi na sakop sa tutorial na ito.