txtPhone | 15 | Поле для ввода номера телефона |
txtStreet | 50 | Поле для ввода названия улицы |
txtHouse | 10 | Поле для ввода номера дома |
txtApp | 5 | Поле для ввода номера квартиры |
txtNote | 80 | Поле для ввода примечания |
Текст кнопки | Имя кнопки | Назначение |
---|---|---|
<< | 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>
, задающие начало и конец одной строки таблицы соответственно:
<table border='0' width='100%' style='font-family:Arial; font-size:10pt'>
<tr>
</tr>
</table>
Здесь аргумент border
задает ширину границ таблицы (в нашем случае границы невидимы), а в аргументе style
указываются название и размер шрифта, которым будет