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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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