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

01 од 06

Додај форма со компоцерот

Има многу пати кога креирате веб-страници каде што треба да го процесирате влезот поднесен од страна на корисникот, како што е страната за најава, создавање на нова сметка или да поднесете прашања или коментари. Корисничкиот влез се собира и испраќа до веб-серверот со помош на HTML-форма. Формите се лесно да се додадат со вградените алатки на KompoZer. Сите типови на поле за форма што ги поддржува HTML 4.0 може да се додадат и уредуваат со KompoZer, но за ова упатство ќе работиме со текстот, текстуалната област, копчињата за поднесување и ресетирање.

02 од 06

Направете нова форма со KompoZer

KompoZer има богати алатки кои можете да ги користите за да додадете форми на вашите веб страни. Пристапувате до алатките за формулари со кликање на копчето Форми или придруженото паѓачко мени на лентата со алатки. Забележете дека ако не пишувате свои скрипти за ракување со формулари , ќе треба да добиете некои информации за овој чекор од документацијата или од програмерот кој го напишал сценариото. Можете исто така да ги користите формите на mailto, но тие не секогаш работат .

1. Поставете го курсорот на локацијата за која сакате да се појави вашата форма на страната.
2. Кликнете на копчето Форма на лентата со алатки. Отвора дијалог прозорецот Својства на формата.
3. Додајте име за формуларот. Името се користи во автоматски генерираниот HTML код за да се идентификува формуларот и е потребно. Исто така треба да ја зачувате вашата страница пред да можете да додадете форма. Ако работите со нова, незачувана страница, KompoZer ќе ве поттикне да зачувате.
4. Додајте го URL-то на сценариото кое ќе ги обработи податоците од формуларот во полето за Акциониот URL. Обработувачите на обрасците се обично скрипти напишани во PHP или на сличен јазик од страна на серверот. Без овие информации, вашата веб-страница нема да може да направи ништо со податоците внесени од корисникот. KompoZer ќе ве поттикне да го внесете URL-то за обработувачот на формулари ако не го внесете.
5. Изберете го методот што се користи за да ги доставиш податоците за формата до серверот. Двата избори се GET и POST. Ќе треба да знаете кој метод бара сценариото.
6. Кликнете Во ред и формата е додадена на вашата страница.

03 од 06

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

Откако ќе додадете форма на страница со KompoZer, формата ќе биде наведена на страницата во светло сина испрекината линија. Додавате полиња за формулари во оваа област. Можете исто така да внесувате текст или да додавате слики, исто како што би било на некој друг дел од страницата. Текстот е корисен за додавање на потсетници или етикети за да формираат полиња за да го водат корисникот.

1. Изберете каде сакате да полето за текст да отидете во наведената форма. Ако сакате да додадете етикета, можеби прво сакате да го напишете текстот.
2. Кликнете на стрелката надолу до копчето Форма на лентата со алатки и изберете Форма поле од паѓачкото мени.
3. Ќе се отвори прозорецот Својства на формата. За да додадете текстуално поле, изберете Текст од паѓачкото мени означено со поле Вид.
4. Дајте име на полето за текст. Името се користи за идентификација на полето во HTML кодот и за скрипт за ракување со формула треба името за обработка на податоците. Голем број на други факултативни атрибути може да се модификуваат во овој дијалог со вклучување на копчето Повеќе Properties / Fewer Properties или со притискање на копчето Advanced Edit, но за сега само ќе го внесеме името на полето.
5. Кликнете ОК и полето за текст се појавува на страницата.

04 од 06

Додајте текстуална област во форма со компоцерот

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

1. Поставете го курсорот во прегледот на формуларот каде што сакате да биде вашата текстуална област. Ако сакате да напишете етикета, често е добра идеја да го напишете текстот на етикетата, притиснете го enter за да преминете на нова линија, а потоа да го додадете полето за форма, бидејќи големината на текстуалната област на страната го прави непријатно за етикетата да биде од лево или десно.
2. Кликнете на стрелката надолу до копчето Форма на лентата со алатки и од полето за опаѓање одберете Text Area. Ќе се отвори прозорецот Својства на текстот.
3. Внесете име за полето за текстуална област. Името го идентификува полето во HTML кодот и се користи од скриптата за ракување со формула за обработка на податоците кои ги доставил корисникот.
4. Внесете го бројот на редови и колони кои сакате да се прикаже текстуалната област. Овие димензии ја одредуваат големината на полето на страницата и колку текст може да се внесе во полето пред да се изврши скролување.
5. Повеќе напредни опции може да се специфицираат со другите контроли во овој прозорец, но засега името и димензиите на полето се доволни.
6. Кликнете на OK и текстуалната област се појавува на формуларот.

05 од 06

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

Откако корисникот ќе ја пополни формуларот на вашата страница, треба да има некој начин да се достават информациите до серверот. Дополнително, ако корисникот сака да започне или да направи грешка, корисно е да се вклучи контрола која ќе ги ресетира сите вредности на формата на стандардно. Контролите со посебни форми се справуваат со овие функции, наречени копчиња за поднесување и ресетирање, соодветно.

1. Поставете го курсорот во рамките на наведената форма каде што сакате копчето за поднесување или ресетирање да биде. Најчесто, овие ќе бидат лоцирани под останатите полиња на форма.
2. Кликнете на стрелката надолу до копчето Форма на лентата со алатки и од десктоп менито одберете Define Button. Ќе се појави прозорецот Својства на копчиња.
3. Изберете го типот на копче од паѓачкото мени со ознака Вид. Вашите избори се Поднесување, Ресетирање и Копче. Во овој случај ние ќе го избереме типот Submit.
4. Дајте име на копчето, кое ќе се користи во HTML и образец за обработка на кодот за обработка на барањето за формуларот. Веб програмерите обично го наведуваат ова поле "поднесе".
5. Во полето со ознака Value, внесете го текстот што треба да се појави на копчето. Текстот треба да биде краток, но описен за тоа што ќе се случи кога ќе се притисне копчето. Нешто како "Поднеси", "Поднеси форма" или "Испрати" се добри примери.
6. Кликнете на OK и копчето се појавува на формуларот.

Копчето Ресетирај може да се додаде во формуларот со користење на истиот процес, но изберете Ресетирај од полето Тип наместо Испрати.

06 од 06

Уредување на образец со композер

Уредувањето на форма или форма поле во KompoZer е многу лесно. Едноставно кликнете двапати на полето што сакате да го уредите, и се појавува соодветното поле за дијалог каде што можете да ги промените својствата на полето за да одговараат на вашите потреби. Дијаграмот погоре покажува едноставна форма користејќи ги компонентите опфатени во ова упатство.