Как да добавите формуляр с

01 от 06

Добавете формуляр с

Има много пъти, когато създавате уеб страници, където трябва да обработвате подадените от потребителя данни, като например страница за вход, създаване на нови профили или да изпращате въпроси или коментари. Входът на потребителя се събира и изпраща на уеб сървъра чрез HTML формуляр. Формулярите са лесни за добавяне с вградените инструменти на KompoZer. Всички типове полета на формуляри, които поддържат HTML 4.0, могат да се добавят и редактират с KompoZer, но за този урок ще работим с текста, текстовата област, бутоните за изпращане и нулиране.

02 от 06

Създайте нов формуляр с

Композер разполага с инструменти с богата форма, които можете да използвате, за да добавите формуляри към уеб страниците си. Можете да получите достъп до инструментите за формуляри, като кликнете върху бутона Формуляр или върху придружаващото го падащо меню от лентата с инструменти. Имайте предвид, че ако не пишете свои собствени скриптове за обработка на формуляри , ще трябва да получите известна информация за тази стъпка от документацията или от програмиста, който е написал скрипта. Можете също така да използвате формуляри mailto, но те не винаги работят .

1. Поставете курсора на мястото, което желаете формулярът ви да се покаже на страницата.
2. Кликнете върху бутона Форма на лентата с инструменти. Отваря се диалоговият прозорец Свойства на формуляра
3. Добавете име за формуляра. Името се използва в автоматично генерирания HTML код, за да се идентифицира формулярът и се изисква. Също така трябва да запазите страницата си, преди да можете да добавите формуляр. Ако работите с нова, незапазена страница, KompoZer ще ви подкани да запазите.
4. Добавете URL адреса към скрипта, който ще обработва данните за формулярите в полето URL на действието. Обработващите формуляри обикновено са скриптове, написани на PHP или на подобен език на сървъра. Без тази информация вашата уеб страница няма да може да направи нищо с въведените от потребителя данни. Композер ще ви подкани да въведете URL адреса на обработващия формуляра, ако не го въведете.
5. Изберете метода, използван за подаване на данните от формуляра на сървъра. Двата избора са GET и POST. Ще трябва да знаете кой метод изисква скриптът.
6. Кликнете върху OK и формулярът се добавя към страницата ви.

03 от 06

Добавяне на текстово поле към формуляр с KompoZer

След като сте добавили формуляр към страница с KompoZer, формулярът ще бъде очертан на страницата в светлосиня пунктирана линия. Добавяте полетата си за формуляр в тази област. Можете също така да въвеждате текст или да добавяте изображения, точно както бихте направили във всяка друга част на страницата. Текстът е полезен, за да добавите подсказки или етикети, за да образувате полета, за да насочвате потребителя.

1. Изберете къде искате текстовото поле да отиде в очертаната област на формуляра. Ако искате да добавите етикет, може да поискате първо да въведете текста.
2. Кликнете върху стрелката за надолу до бутона "Формуляр" в лентата с инструменти и изберете Поле за формуляри от падащото меню.
3. Ще се отвори прозорецът Свойства на поле на формуляр. За да добавите текстово поле, изберете Текст от падащото меню с надпис Тип поле.
4. Дайте име на текстовото поле. Името се използва за идентифициране на полето в HTML кода и скриптът за обработка на формуляри се нуждае от името, за да обработва данните. Редица други опционални атрибути могат да бъдат променени в този диалогов прозорец чрез превключване на бутона "Още имоти / По-малко свойства" или чрез натискане на бутона "Разширено редактиране", но за момента просто ще въведете името на полето.
5. Кликнете върху OK и текстовото поле се показва на страницата.

04 от 06

Добавяне на текстова област към формуляр с KompoZer

Понякога много текст трябва да бъде въведен във формуляр, като например съобщение или поле за въпроси / коментари. В този случай просто не е подходящо текстово поле. Можете да добавите поле за форма на областта на текста, като използвате инструментите за формуляри.

1. Поставете курсора в очертанията на формуляра, където искате да бъде текстовата ви област. Ако искате да въведете етикет, често е добра идея да въведете текста на етикета, да натиснете клавиша Enter, за да преместите нов ред, след това да добавите полето на формуляра, тъй като размерът на текстовата област на страницата го прави неудобно за етикета, за да бъде вляво или надясно.
2. Кликнете върху стрелката за надолу до бутона "Форма" в лентата с инструменти и изберете "Текстова зона" от падащото меню. Ще се отвори прозорецът "Текстови зони".
3. Въведете име за полето за текстово поле. Името идентифицира полето в HTML кода и се използва от скрипта за обработка на формуляри за обработка на предоставената от потребителя информация.
4. Въведете броя на редовете и колоните, които искате да се показва в текстовата област. Тези размери определят размера на полето в страницата и колко текст може да бъде въведен в полето, преди да се извърши превъртането.
5. По-разширени опции могат да бъдат зададени с другите контроли в този прозорец, но засега името и размерите на полетата са достатъчни.
6. Кликнете върху OK и текстовата област се появява във формуляра.

05 от 06

Добавете бутон "Изпращане и нулиране" на формуляр "Композер"

След като потребителят попълни формуляра на страницата Ви, трябва да има някакъв начин информацията да бъде изпратена на сървъра. Освен това, ако потребителят иска да започне отначало или направи грешка, е полезно да включи контрола, който ще възстанови всички стойности на формулярите на стандартното. Контролите за специални формуляри обработват тези функции, наречени съответно бутони "Подаване и нулиране".

1. Поставете курсора в очертаната област на формуляра, където желаете да бъде бутонът за изпращане или нулиране. Най-често те ще бъдат разположени под останалите полета на формуляра.
2. Кликнете върху стрелката за надолу до бутона Форма от лентата с инструменти и изберете Дефиниране на бутон от падащото меню. Ще се покаже прозорецът Properties Properties.
3. Изберете типа бутон от падащото меню с надпис Тип. Вашият избор е Submit, Reset и Button. В този случай ще изберем типа "Изпращане".
4. Дайте име на бутона, който ще се използва в HTML и кода за обработка на формуляри, за да обработи заявката за формуляр. Уеб разработчиците обикновено означават това поле "изпращане".
5. В полето, означено с "Стойност", въведете текста, който трябва да се появи на бутона. Текстът трябва да бъде кратък, но описателен за това какво ще се случи, когато бутонът бъде натиснат. Нещо като "Изпращане", "Изпращане на формуляр" или "Изпращане" са добри примери.
6. Кликнете върху OK и бутонът се появява във формуляра.

Бутонът "Възстановяване" може да бъде добавен към формуляра, като се използва същият процес, но вместо "Изпращане" изберете "Нулиране" от полето Тип.

06 от 06

Редактиране на формуляр с

Редактирането на поле на формуляр или формуляр в Композер е много лесно. Просто кликнете два пъти върху полето, което искате да редактирате, и се появява съответният диалогов прозорец, където можете да промените свойствата на полета, така че да отговарят на вашите нужди. Горната диаграма показва прост формуляр, като използва компонентите, включени в този урок.