Як створити форму в html, яка може бути представлена в адресі електронної пошти

Використовуючи основні інструменти (текстовий редактор, браузер і поштовий клієнт) можна створити базову форму, яка передає інформацію, яку ви запитуєте, на адресу електронної пошти. Цей метод використовує елементи основної форми і не вимагає ніяких спеціальних програм на веб-сервері.


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

кроки

Зображення з назвою +281925 1 + 1
1
Відкрийте порожню сесію текстового редактора (наприклад, Notepad під Windows) або, якщо у вас є доступ до інструменту для редагування веб-сторінок, створіть базову веб-сторінку.
  • Зображення з назвою +281925 2 1
    2
    Створіть веб-сторінку, використовуючи основний фреймворк HTML Skeleton.
  • Зображення з назвою +281925 3 1
    3
    Введіть кожен з цих тегів з окремого рядка, за винятком тегів і , які можуть йти в одному рядку. Веб-сторінки не вимагають форматування, але для простих користувачів процес читання веб-документа стане набагато простіше.
  • Зображення з назвою +281925 4 1
    4
    між тегами і вставте ім`я цієї сторінки або проекту, наприклад, інформацію, яку, як ви маєте на увазі, сторінка буде запитувати.
  • Зображення з назвою +281925 5 1
    5
    Натисніть {Enter} після тега .
  • Зображення з назвою +281925 6 1
    6
    У рядку введіть код, вказаний вище, замінивши адресу електронної пошти на адресу електронної пошти, на який ви хочете форму відправити.
  • Зображення з назвою +281925 7 1
    7
    Натисніть {Enter} двічі і введіть відразу перед закриттям тега.
  • Зображення з назвою +281925 8 1
    8
    Щоб запустити в роботу свої елементи форми, вирішите, чи хочете ви використовувати перемикачі (тільки один клікабельним відповідь зі списку варіантів), прапорці (кілька відповідей зі списку), що випадають списки полів або текстове поле.


  • Зображення з назвою +281925 9 1
    9
    Для створення будь-якого питання, введіть його в веб-документ під тегом в окремому рядку. Наприклад, наведений вище код буде відображати це питання на сторінці.
  • Зображення з назвою +281925 10 1
    10
    Щоб створити перемикач, введіть код:
  • Зображення з назвою +281925 11 1
    11
    Команда type вказує браузеру відобразити перемикач. Імена всіх відповідних кнопок повинні розділяти ім`я. всі перемикачі named ="1" є взаємовиключними, тобто, користувачі можуть вибрати лише один варіант відповіді з групи. Значення буде передано в повідомлення електронної пошти, а текст після тега відобразиться в браузері. Створіть більше перемикачів для всіх відповідних відповідей.
  • Зображення з назвою +281925 12 1
    12
    Додаткові перемикачі повинні мати інше ім`я.
  • Зображення з назвою +281925 13 1
    13
    Прапорці працюють таким же чином, але код замість використовує type ="checkbox".
  • Зображення з назвою +281925 14 1
    14
    Текстове поле відображає вікно, в яке користувач може ввести може бути відмінене відповідь. Код виглядає, як в прикладі вище.
  • Зображення з назвою +281925 15 1
    15
    Розмір size можна регулювати, щоб збільшити вікно. Він являє собою кількість символів, які повинні поміститися в поле, на основі базового шрифту веб-сторінки.
  • Зображення з назвою +281925 16 1
    16
    Введіть код, щоб створити список, що розкривається, з якого користувачі можуть вибрати один з декількох варіантів.
  • Зображення з назвою +281925 17 1


    17
    Атрибут selected ="selected" означає, що ця опція стає виділеної в якості значення за замовчуванням при завантаженні сторінки.
  • Зображення з назвою +281925 18 1
    18
    Введіть два рядки в нижній частині документа, трохи вище тега, щоб розмістити кнопки в документі, які будуть відправляти або встановлювати заново всю форму.
  • Зображення з назвою +281925 19 1
    19
    Виберіть File == gt; Save As (Файл == gt; Зберегти як) в текстовому процесорі, дайте документу ім`я, і додайте розширення .htm або .html в кінці цього файлу так, щоб веб-браузери розпізнавали цей документ як веб-сторінку .
  • Зображення з назвою +281925 20 1
    20
    Попередньо перегляньте сторінки, відкривши її в веб-браузері. У Firefox, наприклад, перейдіть в меню File == gt; Open File (Файл == gt; Відкрити файл), або натисніть комбінацію клавіш Ctrl-O або Command-O, щоб відкрити новий документ.
  • Зображення з назвою +281925 21 1
    21
    Перейдіть до створеного файлу і натисніть кнопку ОК, щоб відкрити веб-форму.
  • Зображення з назвою +281925 22 1
    22
    Протестуйте, вибравши кілька кнопок і натиснувши на Send (Надіслати), щоб відправити форму для відповідей.
  • Зображення з назвою +281925 23 1
    23
    Коли користувач клацає Send, відповіді користувача з`являються в новому поштовому повідомленні з ім`ям і значенням, написаним в тексті листа.
  • Поради

    • Багатозадачність допомагає зробити вашу роботу простіше: відкрийте приклади роботи в текстовому процесорі, браузері і поштових програмах і перемикайтеся між ними.
    • Щоб повернутися до документа для його редагування в текстовому процесорі: пам`ятайте, що текстовий файл має інше розширення, і він не з`явиться, якщо ви вкажете тип файлу "* .txt". Виберіть "All Files" (Всі файли) для перегляду файлів з розширенням * .htm або * .html.

    попередження

    • Електронна пошта не шифрується, так що це не підходить для збору конфіденційної інформації (наприклад, інформації про стан здоров`я або кредитну картку). На щастя, існують безліч авторитетних сервісів, щоб допомогти вам зібрати таку інформацію.
    • Веб-сторінки являють собою текстові документи, збережені з розширенням * .htm або * .html. Не збереження під цим розширенням може "заплутати" браузер, який не зможе представляти ваші сторінки правильно.

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

    • Текстовий редактор, наприклад, Notepad (Блокнот).
    • Веб-браузер, наприклад, Mozilla Firefox.
    • Комп`ютер з робочим поштовим клієнтом для проведення тестування.


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

    Увага, тільки СЬОГОДНІ!
    » » Як створити форму в html, яка може бути представлена в адресі електронної пошти