указывает на то, что в диалоговом окне не должно быть полос прокрутки.
Наша форма состоит из семи текстовых полей ввода (табл. 7.2) и восьми кнопок (табл. 7.3).
Таблица 7.2. Поля ввода диалогового окна для работы с записной книжкой
Имя поля
Размер поля (символов)
Назначение
txtLastName
50
Поле для ввода фамилии
txtName
50
Поле для ввода имени
txtPhone
15
Поле для ввода номера телефона
txtStreet
50
Поле для ввода названия улицы
txtHouse
10
Поле для ввода номера дома
txtApp
5
Поле для ввода номера квартиры
txtNote
80
Поле для ввода примечания
Таблица 7.3. Кнопки диалогового окна для работы с записной книжкой
Текст кнопки
Имя кнопки
Назначение
<<
btnFirst
Переход к первой записи
<
btnPrevious
Переход к предыдущей записи
Новая запись
btnNew
Добавление новой пустой записи
Записать
btnSave
Сохранение сделанных изменений в XML-файле
Отменить
btnCancel
Отмена сделанных в форме изменений
Удалить
btnDelete
Удаление текущей записи
>
btnNext
Переход к следующей записи
>>
btnFinal
Переход к последней записи
Команды, создающие форму, находятся внутри тегов
<form>
и
</form>
. Сами текстовые поля
ввода и кнопки создаются в HTML-файле с помощью одного и того же тега
<input>
. Внутри этого тега нужно указать несколько атрибутов:
type
— определяет тип элемента управления (для поля ввода
type="text"
, для кнопки
type="button"
);
name
— задает имя элемента управления;
size
— определяет длину строки поля ввода в символах;
value
— задает надпись на кнопке.
Для того чтобы поля ввода располагались точно друг под другом, мы поместим их в таблицу с невидимыми границами, состоящую из двух столбцов: в первом находится описание (метка) для поля, во втором — сам элемент управления. Таблица в HTML-файле создается с помощью парных тегов
<table>
и
</table>
, внутри которых приводятся теги
<tr>
и
</tr>
, задающие начало и конец одной строки таблицы соответственно: