Kif Żid Formula ma 'KompoZer

01 ta '06

Żid Formola Bil KompoZer

Żid Formola Bil KompoZer. Screen shot courtesy Jon Morin

Hemm ħafna drabi meta qed toħloq paġni tal-web fejn għandek bżonn tipproċessa input sottomess mill-utent bħal paġna ta 'login, ħolqien ta' kont ġdid, jew biex tissottometti mistoqsijiet jew kummenti. L-input tal-utent jinġabar u jintbagħat lill-web server billi tuża formola HTML. Il-formoli huma faċli biex jiżdiedu bl-għodod integrati ta 'KompoZer. It-tipi kollha tal-qasam tal-formola li jappoġġjaw l-HTML 4.0 jistgħu jiġu miżjuda u editjati ma 'KompoZer, iżda għal dan tutorja se naħdmu bit-test, iż-żona tat-test, tissottometti u rresettja buttuni.

02 ta '06

Oħloq Formola Ġdida Ma 'KompoZer

Oħloq Formola Ġdida Ma 'KompoZer. Screen shot courtesy Jon Morin

KompoZer għandu għodda tal-forma rikka li tista 'tuża biex iżżid il-formoli għall-paġni tal-web tiegħek. Inti taċċedi l-għodda tal-formola billi tikklikkja fuq il-buttuna tal-Formola jew il-menu li jitlaq magħha fuq il-toolbar. Innota li jekk ma tiktrix skripts li jimmaniġġjaw il-forma tiegħek stess, ikollok bżonn tikseb xi informazzjoni għal dan il-pass mid-dokumentazzjoni jew mill-programmer li kiteb l-iskrittura. Tista 'wkoll tuża formoli mailto imma mhux dejjem taħdem .

  1. Poġġi l-cursor tiegħek fil-post li tixtieq il-formola tiegħek biex tidher fuq il-paġna.
  2. Ikklikkja l-buttuna Formola fuq il-toolbar. Qed tinfetaħ il-kaxxa tal-Form Properties dialog.
  3. Żid isem għall-formola. L-isem jintuża fil-kodiċi HTML ġġenerat awtomatikament biex tidentifika l-formola u hija meħtieġa. Għandek bżonn ukoll li tiffranka l-paġna tiegħek qabel ma tista 'żżid formola. Jekk qed taħdem ma 'paġna ġdida, mhux imħassra, KompoZer ser iwassal biex issalva.
  4. Żid il-URL għall-iskrittura li se tipproċessa d-dejta tal-formola fil-qasam ta 'l-Azzjoni URL. Il-maniġers tal-formola huma ġeneralment skripts miktuba fil-lingwa PHP jew lingwa simili tas-server. Mingħajr din l-informazzjoni, il-paġna web tiegħek ma tkunx tista 'tagħmel xi ħaġa bid-dejta mdaħħla mill-utent. KompoZer se jġiegħluek tidħol il-URL għall-handler tal-formola jekk ma ddaħħalhiex.
  5. Agħżel il-Metodu użat biex tissottometti d-dejta tal-formola lis-server. Iż-żewġ għażliet huma GET u POST. Ikollok bżonn tkun taf liema metodu jeħtieġ l-iskrittura.
  6. Ikklikkja OK u l-formola hija miżjuda mal-paġna tiegħek.

03 ta '06

Żid Kamp ta 'Test għal Formola Bil KompoZer

Żid Kamp ta 'Test għal Formola Bil KompoZer. Screen shot courtesy Jon Morin

Ladarba tkun żiedet formola ma 'paġna ma' KompoZer, il-formola tiġi deskritta fuq il-paġna f'linja tad-dawl blu blu. Inti żid l-oqsma tal-formoli tiegħek f'dan il-qasam. Tista 'wkoll tipa fit-test jew żżid immaġni, bħalek tkun fuq kwalunkwe parti oħra tal-paġna. It-test huwa utli biex iżżid indikazzjonijiet jew tikketti biex jiffurmaw oqsma biex jiggwidaw lill-utent.

  1. Agħżel fejn tixtieq li l-qasam tat-test imur fiż-żona tal-forma deskritta. Jekk trid iżżid tikketta, tista 'tixtieq tip it-test fl-ewwel.
  2. Ikklikkja l-vleġġa 'l isfel ħdejn il-buttuna Formola fuq il-toolbar u agħżel Formola Qasam mill-menu drop down.
  3. Se tinfetaħ it-tieqa tal-Qasam tal-Formoli tal-Formola Biex iżżid il-field ta 'test, agħżel it-Test mill-menu drop down immarkat Field Type.
  4. Agħti isem għall-qasam tat-test. L-isem jintuża biex jiġi identifikat il-qasam fil-kodiċi HTML u l-iskrittura tal-ġestjoni tal-formola teħtieġ l-isem biex tipproċessa d-dejta. Numru ta 'attributi fakultattivi oħra jistgħu jiġu mmodifikati fuq dan id-djalogu billi toggling il-buttuna More Properties / Ftit Properties jew billi tagħfas il-buttuna Avvanzata Editja, iżda għal issa se nidħlu biss l-isem tal-qasam.
  5. Ikklikkja fuq OK u l-field ta 'test jidher fuq il-paġna.

04 ta '06

Żid Żona tat-Test għal Formola Bil KompoZer

Żid Żona tat-Test għal Formola Bil KompoZer. Screen shot courtesy Jon Morin

Xi drabi, ħafna test irid jiddaħħal f'forma, bħal messaġġ jew kamp ta 'mistoqsijiet / kummenti. F'dan il-każ, qasam tat-test mhuwiex biss xieraq. Tista 'żżid qasam ta' formola taż-żona tat-test billi tuża l-għodda tal-formola.

  1. Poġġi l-cursor tiegħek fid-deskrizzjoni tal-formola fejn tixtieq iż-żona tat-test tiegħek tkun. Jekk trid tip ta 'tikketta, ħafna drabi tkun idea tajba li ttajpja t-test tat-tikketta, hit jidħol biex imur għal linja ġdida, imbagħad żid il-qasam tal-formola, peress li d-daqs taż-żona tat-test fuq il-paġna jagħmilha skomda għall- tikketta li tkun fuq ix-xellug jew il-lemin.
  2. Ikklikkja l-vleġġa 'l isfel ħdejn il-buttuna Formola fuq il-toolbar u agħżel Żona tat-Test mill-menu li tinżel. Se tinfetaħ it-tieqa tal-Properties tat-Test Area.
  3. Daħħal isem għall-qasam taż-żona tat-test. L-isem jidentifika l-qasam fil-kodiċi HTML u jintuża mill-iskrittura li timmaniġġja l-formola biex tipproċessa l-informazzjoni mressqa mill-utent.
  4. Daħħal in-numru ta 'ringieli u kolonni li trid li ż-żona tat-test turi. Dawn id-dimensjonijiet jiddeterminaw id-daqs tal-kamp fuq il-paġna u kemm jista 'jiddaħħal it-test fil-qasam qabel ma jkun hemm bżonn ta' skrolljar.
  5. Għażliet aktar avvanzati jistgħu jiġu speċifikati mal-kontrolli l-oħra f'din it-tieqa, iżda għal issa l-isem u d-dimensjonijiet tal-qasam huma biżżejjed.
  6. Ikklikkja OK u ż-żona tat-test tidher fuq il-formola.

05 ta '06

Żid buttuna li tissottometti u tissettja għal formola b'kompoZer

Żid buttuna li tissottometti u tissettja għal formola b'kompoZer. Screen shot courtesy Jon Morin

Wara li l-utent ikun imlejt il-formola fuq il-paġna tiegħek, jeħtieġ li jkun hemm xi mod biex l-informazzjoni tiġi sottomessa lis-server. Barra minn hekk, jekk l-utent irid jerġa 'jibda jew jagħmel żball, huwa utli li jinkludi kontroll li se jerġa' jistabbilixxi l-valuri kollha tal-formola għan-nuqqas. Il-kontrolli tal-forma speċjali jimmaniġġjaw dawn il-funzjonijiet, imsejħa l-buttuni "Ibgħat u Imlaġina rispettivament

  1. Poġġi l-cursor tiegħek fiż-żona tal-forma deskritta fejn tixtieq li tissottometti jew tissettja l-buttuna. Ħafna drabi, dawn se jkunu jinsabu taħt il-bqija ta 'l-oqsma fuq formola.
  2. Ikklikkja l-vleġġa 'l isfel ħdejn il-buttuna Formola fuq il-toolbar u agħżel Iddefinixxi Button mill-menu drop down. It-tieqa tal-Button Properties tidher.
  3. Agħżel it-tip ta 'buttuna mill-menu drop down immarkat Tip. L-għażliet tiegħek huma Issottometti, Reset u Button. F'dan il-każ se nagħżlu t-tip Ibgħat.
  4. Agħti isem għall-buttuna, li se tintuża fil-kodiċi tal-immaniġġjar tal-HTML u l-formoli biex tipproċessa t-talba tal-formola. L-iżviluppaturi tal-web tipikament jindikaw dan il-qasam "jissottomettu."
  5. Fil-kaxxa bit-tikketta Valur, ikteb it-test li għandu jidher fuq il-buttuna. It-test għandu jkun qasir imma deskrittiv ta 'x'ser jiġri meta l-buttuna tkun ippressata. Xi ħaġa bħal "Issottometti," "Issottometti Formola", jew "Ibgħat" huma eżempji tajbin.
  6. Ikklikkja OK u l-buttuna tidher fuq il-formola.

Il-buttuna Reset tista 'tiġi miżjuda mal-formola bl-użu tal-istess proċess, iżda jagħżlu Reset mill-field tat-Tip minflok Submit.

06 ta '06

Editjar ta 'Formula Bil KompoZer

Editjar ta 'Formula Bil KompoZer. Screen shot courtesy Jon Morin

L-editjar ta 'formola jew qasam ta' formola f'KompoZer huwa faċli ħafna. Sempliċement ikklikkja darbtejn fuq il-qasam li tixtieq teditja, u tidher il-kaxxa tad-djalogu xierqa fejn tista 'tbiddel il-proprjetajiet tal-kamp skond il-ħtiġijiet tiegħek. Id-dijagramma t'hawn fuq turi forma sempliċi bl-użu tal-komponenti koperti f'dan it-tutorial.