Како додати образац са КомпоЗером

Постоји много пута када креирате веб странице на којима требате обрађивати унос који је поднео корисник, као што су страница за пријављивање, креирање нових налога или подношење питања или коментара. Кориснички унос се прикупља и шаље на веб сервер користећи ХТМЛ форму. Форме се лако додају помоћу уграђених алата КомпоЗера. Сви типови поља формата који подржава ХТМЛ 4.0 може се додати и уређивати помоћу КомпоЗер-а, али за овај туторијал ћемо радити са текстом, текстуалним подручјем, гумбима за слање и ресетовање.

Креирајте нови образац

КомпоЗер има богате форме алата које можете користити за додавање форми на своје веб странице. Приступите алатима за обрасце кликом на дугме Образац или пратећи падајући мени на траци са алаткама. Имајте на уму да ако не напишете своје властите форме скрипте, морате добити неке информације за овај корак из документације или од програмера који је написао сценарио. Такође можете да користите образце маилто, али они не раде увек.

Поставите курсор на локацију за коју желите да се ваш формулар приказује на страници.
Кликните Образац дугме на траци са алаткама. Отвориће се дијалошки оквир Форм Пропертиес.
Додајте име за образац. Име се користи у аутоматски генерисаном ХТМЛ коду да би се идентификовао образац и да је потребно. Такође морате да сачувате своју страницу пре него што додате образац. Ако радите са новом, несхрањеном страном, КомпоЗер ће вас тражити да сачувате.
Додајте УРЛ у скрипту која ће обрадити податке о облику у пољу Ацтион УРЛ-а. Обрасци за обраду су обично скрипти написани на ПХП-у или на сличном језику на серверу. Без ових информација ваша веб страница неће моћи ништа да уради са подацима које је унесио корисник. КомпоЗер ће вам затражити да унесете УРЛ адресу за управљач форми ако га не унесете.
Изаберите Метод користи се за достављање података о форми серверу. Два избора су ГЕТ и ПОСТ. Морате знати који метод је потребан за скрипту.
Кликните У реду а образац се додаје на вашу страницу.

Додајте текстуално поље у образац

Када додате образац на страницу са КомпоЗер, облик ће бити приказан на страници у свијетло плавој линији. Додате поља поља за формулар унутар ове области. Такође можете укуцати текст или додати слике, баш као и на било ком другом дијелу странице. Текст је користан за додавање упита или ознака да би се формирало поље које ће водити корисника.

Одаберите где желите текстуално поље да идете у описану област. Ако желите додати ознаку, можда ћете прво желети да унесете текст.
Кликните стрелица надоле поред Образац на траци са алаткама и из падајућег менија изаберите Форм Фиелд.
Отвориће се прозор Пропертиес Форм Фиелд. Да бисте додали текстуално поље, изаберите Текст са падајућег менија означеног Тип поља.
Дајте име текстуалном пољу. Име се користи за идентификацију поља у ХТМЛ коду, а за скрипте за обраду формуле потребно је име за обраду података. На овом дијалогу може се промијенити низ других опционалних атрибута тако што ћете притиснути Више особина / мање особина или притиском на дугме Адванцед Едит, али за сада ћемо унети само име поља.
Кликните У реду и поље текста се појављује на страници.

Додајте текстуално подручје на образац

Понекад, много текста треба унети у образац, као што је порука или поље за питања / питања. У овом случају, поље текста једноставно није прикладно. Можете додати поље за текстуално подручје помоћу алата за обрасце.

Поставите курсор у оквиру обрасца формулара где желите да се текстуална област буде. Ако желите унети етикету, често је добра идеја да унесете текст наљепнице, притисните ентер да бисте прешли на нову линију, а затим додајте поље за обрасце, јер величина текстуалног подручја на страници чини неугодним за етикета која се налази лево или десно.
Кликните стрелица надоле поред Образац дугме на траци са алаткама и изаберите Текст Област из падајућег менија. Отвориће се прозор с текстуалним подручјем.
Унесите име за поље текста. Име идентификује поље у ХТМЛ коду и користи скрипту за обраду формата да обрађује информације које су послате корисницима.
Унесите број редова и ступаца које желите да се текстуално подручје приказује. Ове димензије одређују величину поља на страници и колико се текста може унети у поље пре него што се скролује.
Додатне напредне опције могу бити специфициране другим контролама у овом прозору, али за сада је довољно име и димензије поља.
Кликните У реду а текстуална област се појављује на образцу.

Додајте дугме за подношење и ресетовање на образац

Након што корисник попуни формулар на вашој страници, мора бити неки начин да се информације доставе на сервер. Поред тога, ако корисник жели да почне или почиње грешку, корисно је укључити контролу која ће ресетовати све вриједности облика на подразумевано. Посебне контроле облика обрађују ове функције, које се зову и Субмит и Ресет.

Поставите показивач у одређено подручје обрасца где желите да пошаљете или поништите дугме. Најчешће, они ће бити смештени испод остатка поља на облику.
Кликните стрелица надоле поред Образац дугме на траци са алаткама и изаберите Дефинишите дугме из падајућег менија. Појавиће се прозор Буттон Пропертиес.
Изаберите тип дугмета из падајућег менија означеног типом. Ваши избори су Субмит, Ресет и Буттон. У овом случају, ми ћемо изабрати прихвати тип.
Дајте име дугмету, који ће се користити у ХТМЛ-у и шифри за обраду формулара за обраду захтева за формулар. Веб програмери обично називају ово поље "пошаљи".
У кутији означена Вредност, унесите текст који треба да се појави на дугмету. Текст би требало да буде кратак, али описује шта ће се десити када се притисне дугме. Нешто попут "Пошаљи", "Пошаљи образац" или "Пошаљи" су добри примери.
Кликните на ОК и дугме се појављује на обрасцу.

Тхе Ресетовање дугме се може додати у образац користећи исти процес, али изаберите Ресетовање од Тип поље уместо прихвати.

Измена образаца са КомпоЗером

Уређивање форме или форме поља у КомпоЗеру је врло лако. Једноставно двапут кликните на поље које желите да измените и појављује се одговарајуће дијалошко поље где можете променити својства поља како би одговарале вашим потребама. Горњи дијаграм показује једноставан образац помоћу компоненти обухваћених у овом приручнику.