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

Съдържание:

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

Видео: Как да направите формуляр на сайта

Видео: Как да направите формуляр на сайта
Видео: Как правильно перенести сайт с протокола http на https. Просто о сложном 2024, Може
Anonim

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

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

Необходимо е

  • 1) Html файл на сайта
  • 2) Познаване на основите на HTML
  • 3) Познаване на основите на PHP

Инструкции

Етап 1

Нека започнем да създаваме формуляр на сайта. Формулярът ще бъде от следния пример: име, парола, имейл адрес, носител на данни, тип курс. Тези. формулярът ще бъде за абонамент за видео курсове.

Отворете html файла и започнете да въвеждате кода. Маркерът, отговорен за създаването на формуляра, е „форма“. Пишем маркера заедно с атрибутите „form action =” obrabotka.php”method =” post”name” forma1”“. Нека започнем да създаваме елементи на формуляра. Почти всички елементи са направени с помощта на таг и неговия атрибут “type”, който отговаря за типа данни, например текст, парола и т.н. Винаги даваме името „име“на някой от атрибутите.

Ние предписваме: "br" Въведете името: "br"

"входно име =" fio"

"br" Въведете парола: "br"

"input name =" pass"

"br" Въведете имейл: l "br"

"входно име =" имейл ".

Стъпка 2

След това създаваме елемент за избор на радио бутон. Радио бутонът е елемент на формуляр, който при натискане с курсора се включва и другите радио бутони се изключват. Нека обясним с пример за нашата форма. Когато поръчвате курс, изборът ще се състои или от CD или DVD дискове, така че трябва да изберете такъв. Атрибутният елемент „тип“- „радио“е отговорен за създаването на такъв бутон. Ще напишем същото име за типа носител, така че ще посочим атрибута “value”, за да може манипулаторът да определи точно стойността на променливата. Регистрираме кода: "br" Изберете опцията за носителя за съхранение: "br"

"input name =" disc "value =" cd " CD "br"

"input name =" disc "value =" dvd " DVD "br"

Ако атрибутът „стойност“е зададен като текст, тогава формулярът веднага ще покаже стойността, която сме присвоили на този атрибут. Например, така че под формата на пълното име вече да има някакво име (value = "name").

Стъпка 3

Нека да преминем към създаването на елемент на формуляр, в който можете да направите множество избори Такива елементи се правят с помощта на type =”checkbox”. Регистрираме кода:

"br" Посочете курсове по интереси "br"

"input name =" ch1 "value =” yes " Курс за разработка на уебсайт "br"

"input name =" ch2 “value =” yes”" Курс за правене на книги "br"

Ако желаете, можете да поставите отметка по подразбиране, за това ние просто записваме думата cheked в "input" тага. Ние предписваме (value = "yes"), както е посочено в кода, за да не се объркаме при създаването на php файл.

Ние незабавно регистрираме вида на доставката, като използваме маркера "select":

Посочете вида на доставката "br"

"изберете име =" доставка"

"опция" Спешно

"опция" Нормално

"/ изберете" "br"

След това правим поле за коментари или потребителски адрес. Маркерът "textarea", атрибутите на този етикет са "редове" и "cols", които са отговорни за размера на това поле.

Въведете вашия адрес и бележка

"textarea name =" add_text "редове =" 5 "cols =" 30"

"/ textarea"

Създайте бутон за изпращане, като използвате познати маркери: "input value =" Submit " Не забравяйте да затворите маркера "form"

Готов формуляр
Готов формуляр

Стъпка 4

Започваме да създаваме файла obrabotka.php, отваряме и регистрираме

"? Ако (! Исет ($ ch1)) {$ ch1 =” не ";}

Ако (! Isset ($ ch2)) {$ ch2 =”не”;}

поща ("поща на получателя", "тема (поръчка на диск, например)", "съдържанието на писмото, (човек на име $ fio, който посочи паролата $ pass, посочи своя имейл адрес - $ имейл, избра медията опция $ диск, посочи, че иска да види на диска следните курсове: / n курс за създаване на уебсайт - $ ch1 / n курс за създаване на книги $ ch2, посочен вид доставка - $ доставка, посочен $ add_text като домашен адрес и бележки.)”); ?"

Формулярът е готов.

Препоръчано: