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

01 од 06

Додајте образац са КомпоЗером

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

02 од 06

Креирајте нову форму помоћу КомпоЗер-а

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

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

03 од 06

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

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

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

04 од 06

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

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

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

05 од 06

Додај А Субмит и Ресет Буттон на образац са КомпоЗер-ом

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

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

Дугме Ресет можете додати у образац користећи исти процес, али одаберите Ресет из поља Типе умјесто Сенд.

06 од 06

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

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