Як зробити форму на сайті

Форма для сайту набула великого поширення в мережі інтернет. За допомогою форм оформляють підписки на новини, замовляють книги, відео уроки, різні матеріали. Форми - спеціально обмежені області сторінки сайту, в яких відвідувачеві сайту пропонується внести будь-яку інформацію або вибрати будь-які певні дії з ряду запропонованих. При створенні форм можна обходитися спеціальними скриптами, але ми будемо прописувати його вручну, щоб зрозуміти всю технологію роботи і будови форми.
Як зробити форму на сайті
Приступаємо до створення форми на сайті. Форма буде наступного зразка: ПІБ, пароль, е-мейл адресу, носій інформації, вид курсу. Тобто форма буде по підписці на відео курси.

Відкриваємо html файл і починаємо введення коду. Тег відповідає за створення форми - "form". Записуємо тег разом з атрибутами "form action = "obrabotka.php" method = "post" name "forma1"". Приступаємо до створення елементів форми. Практично всі елементи робляться за допомогою тега , і його атрибут "type", який відповідає за тип даних, наприклад тексту, пароля та іншого. Завжди задаємо ім`я "name" будь-якого з атрибутів.

прописуємо: "br"Введіть фио:"br"

"input type ="text" name ="fio""

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

"input type ="password" name ="pass""

"br"Введіть E-mai: l"br"

"input type ="text" name ="email"".
2
Далі створюємо елемент вибору радіо кнопки. Радіо кнопка це елемент форми, який при натисканні на неї курсором включається, а інші радіо кнопки вимикаються. Пояснимо прикладом нашої форми. При замовленні курсу вибір буде складатися або з CD або DVD дисків, тому потрібно вибрати що то одне. Відповідає за створення такої кнопки елемент атрибута "type" - "radio". Ми будемо прописувати одне і теж ім`я для виду носія, тому вкажемо атрибут "value" для того, щоб обробник зміг точно визначити значення змінної. Прописуємо код: "br"Виберіть варіант носія інформації:"br"

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

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

Якщо атрибут "value" поставити до тексту, то в формі відразу буде відображатися то значення яке ми присвоїли цього атрибуту. Наприклад щоб в формі ПІБ уже стояло яке-небудь ім`я (value = "ім`я").


3
Переходимо до створення елемента форми, при якому можна робити кілька виборів. Робляться такі елементи за допомогою type = "checkbox". Прописуємо код:

"br"Вкажіть цікавлять курси"br"

"input type ="checkbox" name ="ch1" value = "так""Курс по створенню сайту"br"

"input type ="checkbox" name ="ch2 "value =" так ""Курс по створенню книг"br"

Якщо є бажання, то можна поставити будь-якої прапорець за замовчуванням, для цього просто прописуємо слово cheked в тезі "input". Прописуємо (value = "так") як зазначено в коді, для того щоб не заплутатися при створенні php файлу.

Прописуємо відразу вид доставки за допомогою тега "select":

Вкажіть тип доставки"br"

"select name ="delivery""

"option"термінова

"option"звичайна

"/ select""br"

Далі робимо поле для приміток або адреси користувача. Тег "textarea", Атрибути цього тега "rows" і "cols", які відповідають за розміри цього поля.

Введіть свою адресу та примітка

"textarea name ="add_text" rows ="5" cols ="30""

"/ textarea"

Створюємо кнопку відправки c допомогою знайомих тегів: "input type ="submit" value ="Відправити"" Не забуваємо закрити тег "form"
готова форма
4



Приступаємо до створення файлу obrabotka.php, відкриваємо і прописуємо

"? If (! Isset ($ ch1)) {$ ch1 = "ні" -}

If (! Isset ($ ch2)) {$ ch2 = "ні" -}

mail ( "пошта одержувача", "тема (замовлення диска наприклад)", "зміст листа, (людина на ім`я $ fio вказав пароль $ pass, вказав свою електронну адресу - $ email, вибрав варіант носія $ disc, вказав, що хоче бачити на диску наступні курси: n курс по створенню сайту - $ ch1 n курс по створенню книг $ ch2, вказав тип доставки - $ delivery, як домашньої адреси і примітки вказав $ add_text.) ") -?"

Форма готова.

Зверніть увагу

Перш ніж створювати форму, переконайтеся що ваш хостинг-провайдер підтримує функцію для форми зворотного зв`язку, і мови PHP.

Корисна порада

Якщо ваші пізнання в мовах html, і особливо php низькі, то намагайтеся використовувати скрипти для створення форм.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 64
Увага, тільки СЬОГОДНІ!