Як дадаць форму з KompoZer

01 з 06

Дадаць форму з KompoZer

Ёсць шмат раз, калі вы ствараеце вэб-старонкі, дзе неабходна апрацоўваць ўвод, прадстаўлены карыстальнікам, такіх як старонка аўтарызацыі, стварэнне новай ўліковага запісу, або задаваць пытанні ці каментары. Карыстацкі ўвод збіраецца і адпраўляецца на вэб-сервер, выкарыстоўваючы форму 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-кодзе і апрацоўка сцэнара формы трэба імя для апрацоўкі дадзеных. Шэраг іншых дадатковых атрыбутаў, можа быць зменены ў гэтым дыялогавым акне, перамыкаючы больш FEWER кнопку Уласцівасці / Properties або націснуўшы на кнопку Advanced Edit, але зараз мы будзем проста ўвесці імя поля.
5. Націсніце кнопку ОК, і на старонцы з'яўляецца тэкставае поле.

04 з 06

Дадаць вобласць тэксту формы з KompoZer

Часам, вельмі шмат тэксту павінен быць уведзены ў форме, напрыклад, паведамленні або пытанні / поле для каментароў. У гэтым выпадку тэкставае поле проста не падыходзіць. Вы можаце дадаць поле формы тэкставай вобласці з дапамогай формы інструментаў.

1. Змесціце курсор ў выглядзе эскізаў, дзе вы хочаце, каб ваш тэкст вобласць будзе. Калі вы хочаце ўвесці ў этыкетцы, гэта часта добрая ідэя, каб увесці тэкст цэтліка, націсніце клавішу Увод, каб перайсці на новы радок, а затым дадаць поле формы, так як памер тэкставай вобласці на старонцы робіць нязручным для этыкеткі быць злева ці справа.
2. Націсніце на стрэлку ўніз побач з кнопкай формы на панэлі інструментаў і абярыце Text Area з выпадальнага меню. Акно Уласцівасці вобласці Тэкст адкрыецца.
3. Калі ласка, увядзіце імя для поля тэкставага поля. Імя ідэнтыфікуе поле ў HTML-кодзе і выкарыстоўваецца сцэнаром апрацоўкі формы для апрацоўкі інфармацыі, прадстаўленага карыстальніка.
4. Калі ласка, увядзіце лік радкоў і слупкоў, якія вы хочаце тэкставае поле для адлюстравання. Гэтыя памеры вызначаюць памер поля на старонцы і колькі можна ўводзіць тэкст у поле перад пракруткай павінна адбыцца.
5. Больш прасунутыя опцыі могуць быць вызначаны з дапамогай іншых элементаў кіравання ў гэтым акне, але цяпер імя поля і памеры дастаткова.
6. Націсніце кнопку ОК, і на форме з'яўляецца тэкставае поле.

05 з 06

Дадаем Submit і Reset Кнопка форме з KompoZer

Пасля таго, як карыстальнік запоўніў форму на старонцы, там павінен быць нейкі спосаб для інфармацыі, якая будзе прадстаўлена на сэрвэры. Акрамя таго, калі карыстальнік хоча пачаць або робіць памылку, карысна ўключыць элемент кіравання, які скідае ўсе значэнні формы па змаўчанні. Спецыяльныя элементы кіравання формы апрацуе гэтыя функцыі, называецца кнопкі адпраўкі і скіду адпаведна.

1. Змесціце курсор ўнутры акрэсленай формы вобласці, дзе вы хочаце кнопку адправіць або скіньце быць. Часцей за ўсё, яны будуць размяшчацца ніжэй астатніх палёў на форме.
2. Націсніце на стрэлку ўніз побач з кнопкай формы на панэлі інструментаў і абярыце Вызначыць кнопкі з выпадальнага меню. З'явіцца акно Уласцівасці кнопкі.
3. Выберыце тып кнопкі з выпадальнага меню з надпісам Type. Ваш выбар Submit, Reset і кнопка. У гэтым выпадку мы будзем выбіраць тып Submit.
4. Дайце імя кнопкі, якая будзе выкарыстоўвацца ў кодзе апрацоўкі HTML і формы для апрацоўкі запыту формы. Вэб-распрацоўшчыкі звычайна называюць гэта поле «Адправіць».
5. У полі Значэнне увядзіце тэкст, які павінен адлюстроўвацца на кнопцы. Тэкст павінен быць кароткім, але апісальным, што будзе адбывацца пры націску кнопкі. Нешта накшталт «Адправіць», «Адправіць форму» або «Адправіць» з'яўляюцца добрымі прыкладамі.
6. Націсніце кнопку ОК, і на форме з'явіцца кнопка.

Кнопка скіду можа быць дададзеная ў форму, выкарыстоўваючы той жа самы працэс, але выбраць Скід з поля Type замест Submit.

06 з 06

Рэдагаванне формы з KompoZer

Рэдагаванне формы або палі формы ў KompoZer вельмі лёгка. Проста двойчы пстрыкніце на поле, якое вы хочаце змяніць, і з'явіцца адпаведнае дыялогавае акно, у якім можна змяніць ўласцівасці поля ў адпаведнасці з вашымі патрэбамі. Вышэй дыяграма паказвае простую форму з выкарыстаннем кампанентаў, апісаных у гэтым кіраўніцтве.