- •6. Текстовое поле, кнопка, флажки, переключатели.
- •7. Поле со списком, поле отправки файла, поле ввода пароля, скрытое поле.
- •8. Методы отправки данных. Параметры формы. Отправка данных по электронной почте.
- •9. Java Script: размещение на странице, типовые задачи
- •10. Переменные и функции, ветвления в Java Script
- •11. Циклы и случайные числа в Java Script
- •12. Типовые задачи серверных компонентов рсои
- •13. Технология asp.Net: программное обеспечение
- •14. Технология asp.Net: передача данных, ветвления
- •15. Технология доступа к данным ado: основные понятия
- •16. Ввод информации в базу данных средствами asp.Net
- •17. Вывод информации из базы данных средствами asp.Net
- •18. Работа с хранимыми процедурами с параметрами средствами asp.Net
- •19. Основные технологии построения распределенных систем. Технология corba.
1. Виды систем распределенной обработки информации
2. Основные понятия технологии "Клиент-Сервер", ее разновидности
3. Архитектура сервера: вертикальное и горизонтальное распараллеливание
4. Программное обеспечение распределенных систем обработки информации
5. HTML-формы. Создание форм, объекты и события
Форма – позволяет отображать стандартные элементы управления Windows, а также выполнять обмен (отправку и прием) информацией с удаленным сервером. Для определения формы используются дескрипторы <FORM> и </FORM>, которые могут размещаться внутри раздела <BODY>.
Раздел <FORM> может содержать описание элементов управления и процедуры обработки событий.
К наиболее распространенным элементам управления относят:
текстовое поле;
кнопки;
выключатели;
переключатели
Реже используют:
поля со списком;
изображения
Каждый элемент управления может реагировать на действия пользователя. Любое действие пользователя называется событием. HTML-коды наиболее распространенных событий:
onAbort – происходит после того, как пользователь прекратит загрузку изображения (страницы), например, нажав кнопку «Остановить» в браузере.
onBlur – потеря фокуса элементом управления, например, пользователь выбрал другой элемент формы.
onChange – изменение содержимого элемента, например, текстового поля.
onClick – щелчок левой клавишей мышки.
onFocus – получение объектом фокуса щелчком мышки или переходом по клавише <Tab>.
onMouseOut – перемещение указателя мышки за пределы объекта.
onMouseOver – перемещение указателя мышки на объект.
onSelect – выделение текста в текстовом поле.
Каждый элемент управления может реагировать на несколько событий
6. Текстовое поле, кнопка, флажки, переключатели.
Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Основной атрибут тега <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики.
Текстовое поле - Предназначено для ввода символов с помощью клавиатуры. Параметры: size= - размер поля, value= - надпись по умолчанию, maxlength= - максимальная длина поля.
Кнопка: атрибуты: name – имя кнопки, type: - тип кнопки(button – простая кнопка, submit – отправка формы, reset – восстанавливает значения всех элементов формы по умолчанию), value – надпись на кнопке.
Флажки - Флажки используют, когда необходимо выбрать два или более варианта из предложенного списка.
<input type="checkbox" параметры>
Checked - Предварительное выделение флажка.
Name - Имя флажка для его идентификации обработчиком формы.
Value - Задает, какое значение будет отправлено на сервер.
Переключатели - Переключатели используют, когда необходимо выбрать один единственный вариант из нескольких предложенных. Создаются следующим образом.
<input type="radio" name="имя" параметры>
Checked – Предварительное выделение переключателя. По определению, набор переключателей может иметь только один выделенный пункт, поэтому добавление checked сразу к нескольким полям не даст особого результата. В любом случае, будет отмечен элемент, находящийся в коде HTML последним.
Name – Имя группы перелючателей для идентификации поля. Поскольку переключатели являются групповыми элементами, то имя у всех элементов группы должно быть одинаковым.
Value - Задает, какое значение будет отправлено на сервер. Здесь уже каждый элемент должен иметь свое уникальное значение, чтобы можно было идентифицировать, какой пункт был выбран пользователем.
7. Поле со списком, поле отправки файла, поле ввода пароля, скрытое поле.
Поле со списком – тег <select>
Поле со списком, называемое еще ниспадающее меню, один из гибких и удобных элементов формы. В зависимости от настроек, в списке можно выбирать одно или несколько значений. Преимущество списка в его компактности, он может занимать всего одну строку, а чтобы просмотреть весь список нужно на него нажать. Однако это является и недостатком, ведь пользователю сразу не виден весь выбор. Параметры:
MULTIPLE – Наличие параметра multiple сообщает браузеру отображать содержимое элемента <SELECT> как список множественного выбора. Конечный вид списка зависит от используемого параметра size. Если он отсутствует, то высота списка равна количеству пунктов, если значение size меньше числа пунктов, то появляется вертикальная полоса прокрутки. Когда size=1 список превращается «крутилку», как показано ниже, но выбирать с помощью нее одновременно несколько пунктов списка становится неудобно. Для выбора нескольких значений списка применяются клавиши <Ctrl> и <Shift> совместно с курсором мыши.
NAME – Определяет уникальное имя элемента <SELECT>. Как правило, это имя используется для доступа к данным через скрипты или для получения выбранного значения серверным обработчиком.
SIZE - Устанавливает высоту списка. Если значение параметра size равно единице, то список превращается в раскрывающийся. Значение по умолчанию зависит от параметра multiple. Если он присутствует, то размер списка равен количеству элементов. Когда параметра multiple нет, то значение параметра size равно 1.
Тег <option> Параметры:
SELECTED - Делает текущий пункт списка выделенным. Если у тега <SELECT> добавлен параметр multiple, то можно выделять более одного пункта
VALUE - Определяет значение пункта списка, которое будет отправлено на сервер. На сервер отправляется пара «имя/значение», где имя задается параметром name тега <SELECT>, а значение — параметром value выделенных пунктов списка. Значение может, как совпадать с текстом пункта, так быть и самостоятельным.
Группировка элементов списка:
<form action="handler.php">
<select>
<optgroup label="Русская кухня">
<option value="r1">Закуска Барская</option>
<option value="r2">Раки, фаршированные по-царски</option>
<option value="r3">Биточки в горшочке</option>
</optgroup>
</select>
Поле отправки файла <input type="file" атрибуты>
Прежде, чем использовать данное поле, в форме необходимо сделать следующее:
задать метод отправки данных POST (method="post");
установить у атрибута enctype значение multipart/form-data.
Accept – Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.( image/jpeg,image/png - Только файлы в формате JPEG и PNG, image/*,video/* - Любые графические и видеофайлы.)
Size – Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
Multiple – Позволяет выбирать и загружать сразу несколько файлов
Name - Имя поля, используется для его идентификации обработчиком формы.
Поле для пароля — обычное текстовое поле, но отличается от него тем, что все вводимые символы отображаются звездочками, точками или другими знаками (это зависит от браузера). Поле предназначено для того, чтобы никто не подглядел вводимый пароль. <input type="password" атрибуты>. Параметры: size= - размер поля, value= - надпись по умолчанию, maxlength= - максимальная длина поля.
Скрытое поле. Часто возникает ситуация, когда требуется передать в форме некоторые промежуточные данные, которые не должны изменяться пользователем. Более того, такие данные не должны показываться пользователю, поскольку носят технический характер и обычно служат для передачи некоторой информации от страницы к странице. Для этой цели применяется скрытое поле, оно не отображается на странице и прячет своё содержимое от пользователя. Посетитель не может в него ничего внести или напечатать. <input type="hidden" атрибуты> Параметры: name - Имя поля для его идентификации обработчиком формы, value - Значение поля, определяющее, какая информация будет отправлена на сервер