Вы находитесь на странице: 1из 10

HTML - формы

Что это?
 HTML-формы являются элементами управления, которые применяются
для сбора информации от посетителей веб-сайта.
 Веб-формы состоят из набора текстовых полей, кнопок, списков и
других элементов управления, которые активизируются щелчком мыши.
Технически формы передают данные от пользователя удаленному
серверу.
Элемент <form>

 Основу любой формы составляет элемент <form>...</form>. Он не


предусматривает ввод данных, так как является контейнером, удерживая вместе
все элементы управления формы – поля. Атрибуты этого элемента содержат
информацию, общую для всех полей формы, поэтому в одну форму нужно
включать поля, объединенные логически.
 У тега <form> есть два обязательных атрибута:
 action — ссылка на скрипт, обычно PHP, который будет обрабатывать форму. А
точнее, который будет обрабатывать введенные форму данные.
 method — метод отправки данных на сервер (GET или POST).
Форма для ввода текста

 В форме должно быть поле для ввода текста. Оно создается с помощью тега
<textarea>. Пример:
<form action="/" method="post">
<textarea></textarea>
</form>
 Результат
Ввод текста в input
 Элемент <input> является универсальным, в отличии от элемента <textarea>. С
его помощью мы можем создать форму для ввода небольшого текста. Ведь имена
не занимают несколько предложений. С помощью атрибута type=»text» мы
указываем, что в поле должен содержаться текст. Пример:
<form action="/" method="post">
<input type="text" placeholder="Введите ваше имя"></input>
<textarea placeholder="Введите ваше сообщение"></textarea>
</form>
Результат
Ввод текста в input
 Элемент <input> является основным элементом формы и определяет
пользовательское поле для ввода информации. Поле ввода принимает различный
вид, в зависимости от значения атрибута type, применённого к данному элементу:
Задание

Вам также может понравиться