Як створювати форми в HTML

HTML форми це важливий компонент створення блоків, використовуваний для збору даних про ваших відвідувачів і їх досвіді відвідування сайту за допомогою створення акаунтів на сайті або відправки даних через форму "Контактів". Форми є вбудовуваним інструментом. Ця стаття допоможе вам створити форму для вашого сайту.

Кроки

1. 1

   Надрукуйте тег
   в HTML файлі.
   
   

   

2. 2

   Визначте, який тип інформації про відвідувача ви хочете отримати. Чи буде це текстовий рядок (підходить для імен і адрес) або пароль (для сторінок, які потребують налаштувань), чекбокси так / ні або випадає список причин (а так само, можливо щось з безлічі інших типів), ви завжди зможете знайти причини для розміщення інформації на сторінці. [b]Виберіть з різних типів нижче ті, які хочете використовувати для додавання додаткової інформації на сторінку.

3. 3

   Введіть назви предметів збору інформації (те, про що ви хочете отримати інформацію від відвідувача).
   • Створити компонент Text Input, використовуючи HTML

     

   • Створіть великий блок тексту для форми HTML

     

   
   
   
   
   
   • Створити форму введення пароля

     

   • Створити поле вводу з підтвердженням інформації (можна використовувати для кнопок "Підтвердити" і ще деяких елементів)

     

   • Створити компонент Radio Button

     

   • Створити кнопку скидання

     

   
   
   
   • Створити список для вибору

     

4. 

   4

   Не забудьте позначити області тегів за допомогою тегів

   ,
   і .

5. 

   5

   Надрукуйте тег щоб завершити опис форми.

Поради

• Переконайтеся в тому що у компонентів radio проставлено однакове ім`я групи, щоб браузер зрозумів, що всі елементи складають одну групу. Призначте значення компонентам radio button, використовуючи конструкцію атрибуту `value = "значення"`.
• Призначте назви полів введення для імені користувача за допомогою конструкції атрибуту `name = "ЗдесьІмя".
• Переконайтеся, що дали ім`я тегу за допомогою атрибуту `name = "ім`я"`.
  Завжди намагайтеся переглядати файл HTML з формами, перед публікацією.

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

  • З переходом від HTML до XHTML, тег
  повинен включати пробіл і символ косою риси (перед закриваючою дужкою), так що тег, незалежно від значень, має виглядати як
• Розберіться з тим, як відправляти дані з форми на поштову адресу. Інакше дані кроки безглузді. Виправте тег
  так, щоб він виглядав як , а кнопку підтвердження введення так, щоб вона виглядала як у вашому коді HTML.