Як створити форму в HTML, яка може бути представлена в адресі електронної пошти
Використовуючи основні інструменти (текстовий редактор, браузер і поштовий клієнт) можна створити базову форму, яка передає інформацію, яку ви запитуєте, на адресу електронної пошти. Цей метод використовує елементи основної форми і не вимагає ніяких спеціальних програм на веб-сервері.
Все може прекрасно працювати в керованою, внутрішньої бізнес-середовищі. Тим не менш, пам`ятайте, що цей метод має обмежену корисність, так як користувачі Інтернету переключаються з настільних поштових клієнтів на поштові послуги, такі як Gmail. Ваші відвідувачі будуть також отримувати попередження системи безпеки при спробі відправки форм цим способом. Існує безліч безкоштовних або платних сервісів, що дозволяють збирати інформацію для форми від відвідувачів, які вирішили використовувати веб-пошту.
Кроки
1
Відкрийте порожню сесію текстового редактора (наприклад, Notepad під Windows) або, якщо у вас є доступ до інструменту для редагування веб-сторінок, створіть базову веб-сторінку.2
Створіть веб-сторінку, використовуючи основний фреймворк HTML Skeleton.3
Введіть кожен з цих тегів з окремого рядка, за винятком тегів і , які можуть йти в одному рядку. Веб-сторінки не вимагають форматування, але для простих користувачів процес читання веб-документа стане набагато простіше.4
Між тегами і вставте ім`я цієї сторінки або проекту, наприклад, інформацію, яку, як ви розумієте, сторінка буде запитувати.5
Натисніть {Enter} після тега .6
У що з`явилася рядку введіть код, вказаний вище, замінивши адресу електронної пошти на адресу електронної пошти, на яку ви хочете форму відправити.7
Натисніть {Enter} двічі і введіть відразу перед закриттям тега .8
Щоб запустити в роботу свої елементи форми, вирішите, чи хочете ви використовувати перемикачі (тільки один клікабельним відповідь із списку варіантів), прапорці (декілька відповідей із списку), що випадають списки полів або текстове поле.9
Для створення будь-якого питання, введіть його в веб-документ під тегом в окремому рядку. Наприклад, наведений вище код буде відображати це питання на сторінці.10
Щоб створити перемикач, введіть код:11
Команда type вказує браузеру відобразити перемикач. Імена всіх відповідних кнопок повинні розділяти ім`я. Всі перемикачі named = "1" є взаємовиключними, тобто, користувачі можуть вибрати лише один варіант відповіді з групи. Значення буде передано в повідомлення електронної пошти, а текст після тега відобразиться в браузері. Створіть більше перемикачів для всіх відповідних відповідей.12
Додаткові перемикачі повинні мати інше ім`я.13
Прапорці працюють таким же чином, але код натомість використовує type = "checkbox".14
Текстове поле відображає вікно, в яке користувач може ввести допускає зміни відповідь. Код виглядає, як у прикладі вище.15
Розмір size можна регулювати, щоб збільшити вікно. Він являє собою кількість символів, які повинні поміститися в полі, на основі базової шрифту веб-сторінки.16
Введіть код, щоб створити список, що розкривається, з якого користувачі можуть вибрати один з декількох варіантів.17
Атрибут selected = "selected" означає, що ця опція стає виділеної як значення за замовчуванням при завантаженні сторінки.18
Введіть два рядки в нижній частині документа, трохи вище тега , щоб розмістити кнопки в документі, які будуть відправляти або встановлювати заново всю форму.19
Виберіть File ==> Save As (Файл ==> Зберегти як) в текстовому процесорі, дайте документом ім`я, і додайте розширення.htm або .html в кінці цього файлу так, щоб веб-браузери розпізнавали цей документ як веб-сторінку.20
Виконайте попередній перегляд сторінки, відкривши її в веб-браузері. У Firefox, наприклад, перейдіть в меню File ==> Open File (Файл ==> Відкрити файл), або натисніть комбінацію клавіш Ctrl-O або Command-O, щоб відкрити новий документ.21
Перейдіть до створеного файлу і натисніть кнопку ОК, щоб відкрити веб-форму.22
Протестуйте, вибравши кілька кнопок і натиснувши на Send (Відправити), щоб відправити форму для відповідей.23
Коли користувач клацає Send, відповіді користувача з`являються в новому поштовому повідомленні з ім`ям і значенням, написаним в тілі повідомлення.
Поради
- Багатозадачність допомагає зробити вашу роботу простіше: відкрийте приклади роботи в вашому текстовому процесорі, браузері і поштових програмах та перемикайтеся між ними.
- Щоб повернутися до документа для його редагування в текстовому процесорі: пам`ятайте, що текстовий файл має інше розширення, і він не з`явиться, якщо ви вкажіть тип файлу "*. Txt". Виберіть "All Files" (Усі файли) для перегляду файлів з розширенням * .htm або * .html.
Попередження
- Електронна пошта не шифрується, так що це не підходить для збору конфіденційної інформації (наприклад, інформації про стан здоров`я або кредитній карті). На щастя, існують безліч авторитетних сервісів, щоб допомогти вам зібрати таку інформацію.
- Веб-сторінки являють собою текстові документи, збережені з розширенням * .htm або * .html. Не збереження під цим розширенням може "заплутати" браузер, який не зможе представляти ваші сторінки правильно.
Що вам знадобиться
- Текстовий редактор, наприклад, Notepad (Блокнот).
- Веб-браузер, наприклад, Mozilla Firefox.
- Комп`ютер з робочим поштовим клієнтом для проведення тестування.