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

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

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

Вам знадобиться

1) Html файл сайту
2) Знання основ HTML
3) Знання основ PHP

Інструкція

  1. Приступаємо до створення форми на сайті. Форма буде наступного зразка: ПІБ, пароль, е-мейл адресу, носій інформації, вид курсу. Тобто форма буде по підписці на відео курси.

    Відкриваємо html файл і починаємо введення коду. Тег відповідає за створення форми — «form». Записуємо тег разом з атрибутами «form action =» obrabotka.php «method =» post «name» forma1 «». Приступаємо до створення елементів форми. Практично всі елементи робляться за допомогою тега <input>, і його атрибут «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 низькі, то намагайтеся використовувати скрипти для створення форм.