Как создавать формы в HTML

Загрузить PDF
Загрузить PDF

HTML формы это важный компонент создания блоков, используемый для сбора данных о ваших посетителях и их опыте посещения сайта при помощи создания аккаунтов на сайте или отправки данных через форму "Контактов". Формы являются встраиваемым инструментом. Эта статья поможет вам создать форму для вашего сайта.

Шаги

Загрузить PDF


  1. Step 1 Напечатайте тэг <form> в HTML файле.
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/9\/91\/Create-HTML-Forms-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/9\/91\/Create-HTML-Forms-Step-1.jpg","smallWidth":460,"smallHeight":209,"bigWidth":550,"bigHeight":250,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. 2
    Определите, какой тип информации о посетителе вы хотите получить. Будет ли это текстовая строка (подходит для имен и адресов) или пароль (для страниц, требующих настроек), чекбоксы да/нет или выпадающий список причин (а так же, возможно что-то из множества других типов), вы всегда сможете найти причины для размещения информации на странице. Выберите из различных типов ниже те, которые хотите использовать для добавления дополнительной информации на страницу.
  3. Введите названия предметов сбора информации (то, о чем вы хотите получить информацию от посетителя).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Create-HTML-Forms-Step-4.jpg\/v4-460px-Create-HTML-Forms-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Create-HTML-Forms-Step-4.jpg\/v4-588px-Create-HTML-Forms-Step-4.jpg","smallWidth":460,"smallHeight":282,"bigWidth":588,"bigHeight":361,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/92\/Create-HTML-Forms-Step-5.jpg\/v4-460px-Create-HTML-Forms-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/92\/Create-HTML-Forms-Step-5.jpg\/v4-651px-Create-HTML-Forms-Step-5.jpg","smallWidth":460,"smallHeight":256,"bigWidth":651,"bigHeight":362,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Реклама

Советы

  • Удостоверьтесь в том что у компонентов radio проставлено одинаковое имя группы, чтобы браузер понял, что все элементы составляют одну группу. Назначьте значения компонентам radio button, используя конструкцию атрибута 'value="значение"'.
  • Назначьте названия полей ввода для имени пользователя при помощи конструкции атрибута 'name="ЗдесьИмя".
  • Убедитесь, что дали имя тегу <select> при помощи атрибута 'name="имя"'.
  • Всегда старайтесь просматривать файл HTML с формами, перед публикацией.
Реклама

Предупреждения

  • С переходом от HTML к XHTML, тег <input> должен включать пробел и символ косой черты (перед закрывающей скобкой), так что тег, независимо от значений, должен выглядеть как <input type="submit" />
  • Разберитесь с тем, как отправлять данные из формы на почтовый адрес. Иначе данные шаги бессмысленны. Исправьте тег <form> так, чтобы он выглядел как <nowiki><form action="mailto:emailaddress" method="post" enctype="textplain">, а кнопку подтверждения ввода <input type="submit"> так, чтобы она выглядела как <input type="submit" value="OK"> в вашем коде HTML.
Реклама

Дополнительные статьи

Как
отправить код с помощью Telegram
Как
узнать адрес (URL) изображения
Как
просматривать старую версию веб сайта
Как
поступить, если вы не можете зайти на определенный сайт
Как
выбрать адрес электронной почты
Как
остановить перенаправления на другие сайты
Как
увеличить скорость торрента
Как
отключить безопасный поиск google
Как
избавиться от троянов
Как
открыть Hotmail
Как
определить, где север на Google Картах
Как
создавать короткие ссылки
Как
изменить дату на Google Картах
Как
редактировать текст на любом сайте
Реклама

Источники

  1. Создание Веб Сайта: Инструкция Мэтью Макдональда (2ое издание) с. 339-348 (англ.)

Об этой статье

На других языках
Эту страницу просматривали 3227 раз.

Была ли эта статья полезной?

Реклама