Харьковский Национальный Университет Радиоэлектроники Кафедра Инфокоммуникационной инженерии
Технологии разработки web-приложений с использованием Java EE
(часть 3)
Доцент кафедри ИКИ Евдокименко Марина Александровна
2017
Содержание
1.HTML формы.
2.Элементы для передачи файлов и скрытые поля.
3.Схема взаимодействия при обработке multipart-форм.
4.Библиотека FileUpload.
5.Фильтры и слушатели событий.
HTML-формы
Зачем нужны формы?
Элементы HTML-форм
Текстовые элементы форм Текстовые поля Поля паролей Текстовые области
Кнопки SUBMIT RESET
Флажки и переключатели
Списки и раскрывающиеся списки
Элементы для передачи файлов
Скрытые поля
Для того, чтобы создать форму в HTML используется элемент <form>
Атрибуты тега <FORM>
<form name="input" action= "page1.jsp" method="get">
…
</form>
ACTION – URL-адрес сервлета или CGI-программы.
http://www.someserver.com/someapp/someservlet
/someapp/someservlet
METHOD – способ передачи данных по HTTP
GET или POST
ENCTYPE – способ кодирования данных перед отправкой
application/x-www-form-urlencoded (по умолч.) multipart/form-data
Атрибут ENCTYPE application/x-www-form-urlencoded
<FORM method=“POST” action=“…”> Name: <input type=text name=“name”><br> <input type=“submit">
</FORM>
Servlet |
out.println("Hello, " + request.getParameter("name")); |
Текстовые элементы форм
Текстовые поля
<INPUT type=“text” name=“fieldname” value=“value”>
Поля паролей
<INPUT type=“password” name=“fieldname” value=“value”>
Текстовые области
<textarea name=“mytextarea”>value</textarea>
Кнопки
SUBMIT
<input type=“submit” name=“save” value=“Save”>
RESET
<input type=“reset” value=“Reset”>
Флажки и переключатели
Флажки
<input type="checkbox" name=“check” value=“on" checked>
Параметр формы типа checkbox отсылается вместе с запросом только если флажок установлен
Переключатели
<input type="radio" name="gender" value="M">Male</input>
<input type="radio" name="gender" value="F" checked>Female</input>