Як зробити форму на сайті
Форма для сайту набула великого поширення в мережі інтернет. За допомогою форм оформляють підписки на новини, замовляють книги, відео уроки, різні матеріали. Форми - спеціально обмежені області сторінки сайту, в яких відвідувачеві сайту пропонується внести будь-яку інформацію або вибрати будь-які певні дії з ряду запропонованих. При створенні форм можна обходитися спеціальними скриптами, але ми будемо прописувати його вручну, щоб зрозуміти всю технологію роботи і будови форми.
Приступаємо до створення форми на сайті. Форма буде наступного зразка: ПІБ, пароль, е-мейл адресу, носій інформації, вид курсу. Тобто форма буде по підписці на відео курси.
Відкриваємо 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"".
Відкриваємо 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 = "ім`я").
"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"
"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.) ") -?"
Форма готова.
"? If (! Isset ($ ch1)) {$ ch1 = "ні" -}
If (! Isset ($ ch2)) {$ ch2 = "ні" -}
mail ( "пошта одержувача", "тема (замовлення диска наприклад)", "зміст листа, (людина на ім`я $ fio вказав пароль $ pass, вказав свою електронну адресу - $ email, вибрав варіант носія $ disc, вказав, що хоче бачити на диску наступні курси: n курс по створенню сайту - $ ch1 n курс по створенню книг $ ch2, вказав тип доставки - $ delivery, як домашньої адреси і примітки вказав $ add_text.) ") -?"
Форма готова.
Зверніть увагу
Перш ніж створювати форму, переконайтеся що ваш хостинг-провайдер підтримує функцію для форми зворотного зв`язку, і мови PHP.
Корисна порада
Якщо ваші пізнання в мовах html, і особливо php низькі, то намагайтеся використовувати скрипти для створення форм.
Оцініть, будь ласка статтю
Ще статті розділу