Unsaon Pagdugang sa usa ka Form uban sa KompoZer

01 sa 06

Pagdugang og usa ka Porma nga May KompoZer

Pagdugang og usa ka Porma nga May KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Adunay daghang mga higayon nga ikaw nagmugna sa mga panid sa web diin kinahanglan nimo nga iproseso ang input nga gisumitir sa user sama sa login page, bag-ong paglalang sa account, o sa pagsumite sa mga pangutana o mga komentaryo. Ang input sa gumagamit gikolekta ug gipadala sa web server gamit ang usa ka HTML nga porma. Ang mga porma sayon ​​nga idugang uban sa mga gamit sa KompoZer. Ang tanan nga mga matang sa field type nga gisuportahan sa HTML 4.0 mahimong idugang ug i-edit uban sa KompoZer, apan alang niini nga panudlo kita magtrabaho uban sa teksto, lugar sa teksto, pagsumite ug pag-reset sa mga buton.

02 sa 06

Paghimo og Bag-ong Porma Uban sa KompoZer

Paghimo og Bag-ong Porma Uban sa KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Ang KompoZer adunay mga himan sa dagway nga mahimo nimo gamiton aron sa pagdugang sa mga porma sa imong mga web pages. Gikuha nimo ang mga gamit sa porma pinaagi sa pag-klik sa button sa Form o sa nag-uban nga drop down menu sa toolbar. Timan-i nga kung dili ka magsulat sa imong kaugalingong mga script sa pagdumala sa porma , kinahanglan nimo nga makakuha og pipila ka kasayuran alang niini nga lakang gikan sa dokumentasyon o gikan sa programmer nga nagsulat sa script. Mahimo usab nimong gamiton ang mga porma sa mailto apan dili kini kanunay magtrabaho .

  1. Ibutang ang imong cursor sa nahimutangan nga imong gusto nga makita ang imong porma sa panid.
  2. I-klik ang button sa Form sa toolbar. Ang kahon sa dialogo sa Form Properties nag-abli.
  3. Pagdugang og ngalan alang sa porma. Ang ngalan gigamit sa awtomatikong gimugna nga HTML code aron mailhan ang porma ug gikinahanglan. Kinahanglan mo usab nga i-save ang imong panid sa dili ka makadugang sa usa ka porma. Kon nagtrabaho ka sa usa ka bag-o, wala naluwas nga pahina, ang KompoZer mag-aghat kanimo sa pagluwas.
  4. Idugang ang URL sa script nga moproseso sa datos sa porma sa Action URL field. Ang porma sa mga tigdumala kasagaran mga script nga gisulat sa PHP o susama nga pinulongan sa server-side. Kon wala kini nga kasayuran, ang imong web page dili makahimo sa bisan unsa sa mga datos nga gisulod sa user. Ang KompoZer mag-aghat kanimo sa pagsulod sa URL alang sa porma nga handler kung dili ka mosulod niini.
  5. Pilia ang Pamaagi nga gigamit sa pagsumiter sa datos sa dagway ngadto sa server. Ang duha nga pagpili mao ang GET ug POST. Kinahanglan nimong masayran kung unsang pamaagi ang gikinahanglan sa script.
  6. I-klik ang OK ug ang porma idugang sa imong panid.

03 of 06

Pagdugang og Field Text To A Form Uban sa KompoZer

Pagdugang og Field Text To A Form Uban sa KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Sa higayon nga makadugang ka og usa ka porma sa usa ka pahina nga adunay KompoZer, ang porma ibutang sa pahina sa usa ka light blue dashed line. Gidugang nimo ang imong mga natad sa sulod niini nga dapit. Mahimo usab nimo i-type ang teksto o idugang ang mga hulagway, sama sa imong buhaton sa laing bahin sa panid. Ang teksto mapuslanon aron makadugang sa mga senyales o mga label aron maporma ang mga natad aron sa paggiya sa tiggamit.

  1. Pilia kung asa nimo gusto ang field sa teksto nga moadto sa outline nga porma nga lugar. Kon gusto nimong idugang ang usa ka label, mahimo nimong i-type ang teksto sa una.
  2. I-klik ang arrow sa daplin sa porma nga Buton sa toolbar ug pilia ang Form Field gikan sa drop down menu.
  3. Ang porma sa Form Field Properties magbukas. Aron makadugang sa usa ka bahin sa teksto, pagpili sa Text gikan sa drop down menu nga gimarkahan Field Field.
  4. Paghatag og usa ka ngalan sa nataran sa teksto. Ang ngalan gigamit aron sa pag-ila sa natad sa HTML code ug ang porma sa handling script nagkinahanglan sa ngalan sa pagproseso sa datos. Ang uban pang mga opsyonal nga mga hiyas mahimong usbon sa kini nga dialog pinaagi sa pag-usab sa More Properties / Fewer Properties button o pinaagi sa pagpa-press sa Advanced Edit button, apan karon magsulod lang kami sa field name.
  5. I-klik ang OK ug ang field sa teksto makita sa panid.

04 sa 06

Idugang ang usa ka Area sa Text Sa Usa ka Paagi Uban sa KompoZer

Idugang ang usa ka Area sa Text Sa Usa ka Paagi Uban sa KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Usahay, ang daghang mga teksto kinahanglan nga isulod sa usa ka porma, sama sa usa ka mensahe o usa ka field nga pangutana / mga komento. Niini nga kaso, usa ka laraw sa teksto dili angay. Mahimo ka makadugang sa usa ka field area field nga gamit ang mga himan sa porma.

  1. Ibutang ang imong cursor sulod sa outline nga porma diin gusto nimo ang imong teksto nga lugar. Kung gusto nimo i-type ang usa ka label, sa kasagaran usa ka maayo nga ideya nga i-type ang label nga teksto, pindota ang enter aron mobalhin ngadto sa usa ka bag-ong linya, dayon idugang ang porma sa field, tungod kay ang gidak-on sa teksto nga panid sa panid makapahikugang alang sa isulat nga anaa sa wala o tuo.
  2. I-klik ang down arrow sunod sa porma nga Buton sa toolbar ug pilia ang Area Area gikan sa drop down menu. Ang bintana sa Text Area Properties moabli.
  3. Pagsulod sa usa ka ngalan alang sa field sa teksto nga dapit. Ang ngalan nagpaila sa natad sa HTML code ug gigamit sa porma nga pagdumala script aron sa pagproseso sa gisumiter nga impormasyon sa user.
  4. Pagsulod sa gidaghanon sa mga laray ug mga kolum nga gusto nimo nga ipakita ang lugar sa teksto. Kini nga mga sukod nagtino sa gidak-on sa luna sa panid ug kung unsa ka daghan nga teksto ang mahimo nga masulod sa umahan sa dili pa ang pag-scroll kinahanglan nga mahitabo.
  5. Ang mas daghan nga mga opsyon mahimong matino uban sa laing mga kontrol niini nga bintana, apan sa pagkakaron ang ngalan sa field ug mga sukat igo na.
  6. I-klik ang OK ug ang teksto nga dapit makita sa porma.

05 of 06

Idugang ang Ipadala ug I-reset ang Button Sa Usa ka Porma Uban sa KompoZer

Idugang ang Ipadala ug I-reset ang Button Sa Usa ka Porma Uban sa KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Human mapuno sa tiggamit ang porma sa imong panid, kinahanglan adunay pipila ka mga paagi alang sa kasayuran nga isumiter ngadto sa server. Dugang pa, kung ang user gusto nga magsugod o masayop, makatabang ang paglakip sa usa ka pagkontrol nga mag-reset sa tanan nga mga hiyas nga porma sa default. Ang espesyal nga pagkontrol sa porma nagdumala niini nga mga gimbuhaton, nga gitawag nga Submit ug Reset button matag usa.

  1. Ibutang ang imong cursor sulod sa gihan-ay nga porma nga lugar diin imong gusto ang pagsumite o pag-reset nga button nga mahimo. Kasagaran, kini nahimutang sa ubos sa ubang mga bahin sa usa ka porma.
  2. I-klik ang down arrow sunod sa Form button sa toolbar ug pilia ang Define Button gikan sa drop down menu. Ang window sa Button Properties makita.
  3. Pilia ang tipo sa button gikan sa drop down menu nga may label nga Type. Ang imong pagpili mao ang Submit, Reset ug Button. Sa kini nga kaso atong pilion ang Submit type.
  4. Ihatag ang usa ka ngalan sa butones, nga gamiton sa HTML ug porma nga handling code aron maproseso ang porma nga hangyo. Ang mga nag-develop sa web kasagaran nagngalan niini nga field "submit."
  5. Diha sa kahon nga gibutangan og Value, sulod sa teksto nga kinahanglan nga makita sa button. Ang teksto kinahanglan nga mubo apan naghulagway kung unsay mahitabo kung ang buton gipugos. Usa ka butang nga sama sa "Pagsumiter," "Pagpadala Form," o "Send" mga maayong panig-ingnan.
  6. I-klik ang OK ug ang button makita sa porma.

Ang Reset button mahimong madugang sa porma nga gamit ang sama nga proseso, apan pagpili sa Reset gikan sa field sa Type imbis sa Submit.

06 of 06

Pag-edit sa Usa ka Porma Uban sa KompoZer

Pag-edit sa Usa ka Porma Uban sa KompoZer. Screen shot sa maayong kabubut-on nga si Jon Morin

Ang pag-usab sa usa ka porma o porma nga porma sa KompoZer sayon ​​kaayo. Doble lang nga pag-klik sa field nga gusto nimong i-edit, ug ang angay nga kahon sa dialogo makita kung asa nimo mausab ang mga propyedad sa umahan aron mohaum sa imong mga panginahanglan. Ang diagram sa ibabaw nagpakita sa usa ka yanong porma gamit ang mga sangkap nga gitabonan niini nga panudlo.