HTML/Формы
Зачастую на Web — сайтах можно встретить страницы с размещенными на них HTML - формами. Веб-формы – удобный способ получения информации от посетителей вашего сайта. Пример тому — гостевая книга, — которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность.
<form>...</form>
Основные атрибуты
[править]- action — адрес, куда должны быть отправлены данные
- method — метод отправки данных формы: POST или GET. Главное отличие методов POST и GET заключается в способе передачи информации. В методе GET параметры передаются через адресную строку, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.
Элементы формы
[править]1. Однострочные текстовые поля
<input type="text" />
2. Поле ввода пароля.
<input type="password" />
3. Checkbox — флажок. Обычно выглядит как квадратик, в который ставится галочка.
<input type="checkbox" />я принимаю лицензионное соглашение
4. Radiobutton — радиокнопка. Контрол, который используют в тестах, когда нужно выбрать один из нескольких вариантов
<input type="radio" />я принимаю лицензионное соглашение
<input type="radio" />я не принимаю лицензионное соглашение
5. Кнопка
<input type="button" value="Кнопочка" />
6. Кнопка «отправить» (submit)
<input type="submit" value="Отправить" />
7. Кнопка «сброc», возвращает все поля формы в исходное положение
<input type="reset" value="Очистить">
8. Многострочное текстовое поле
<textarea>А тут какой-нибудь текст.</textarea>
9. Кнопка для загрузки файлов Служит для реализации загрузки файлов на сервер. Объект browse начитается с парных тегов <form></form>. Начинающий тэг <form> содержит необходимый атрибут encrypt. Атрибут encrypt принимает значение multipart/form-data, который извещает сервер о том, что вместе с обычной информацией посылается и файл. При создании текстового поля также необходимо указать тип файла – «file».
<form enctype="multipart/form-data" action="upload.php" method="post">
Загрузить файл:
<input name="my_file" type="file">
<input type="submit" value="Отправить">
</form>
Курс HTML |
Предыдущий урок: HTML/Фрэймы — Следующий урок: HTML/Сanvas |