Windows Script Host для Windows 2000/XP
Шрифт:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форма для записной книжки</title>
</head>
Для того чтобы задать цвет формы, в теге
<body>
используется атрибут bgcolor
со значением "silver
": <body bgcolor="silver" scroll="no">
Атрибут
scroll="no"
указывает на то, что в диалоговом окне не должно быть полос прокрутки. Наша форма состоит из семи текстовых полей ввода (табл. 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>
, задающие начало и конец одной строки таблицы соответственно: <table border="0" width="100%" style="font-family:Arial; font-size:10pt">
<tr>
</tr>
</table>
Здесь аргумент
border
задает ширину границ таблицы (в нашем случае границы невидимы), а в аргументе style
указываются название и размер шрифта, которым будет выводиться содержимое таблицы. В свою очередь, внутри тегов
<tr>
и </tr>
находятся теги <td>
и </td>
, определяющие одну ячейку таблицы, например: <tr>
<td width="15%">Фамилия</td>
<td width="85%"><input type="text" name="txtLastName" size="50"></td>
</tr>
Для тегов
<td>
указывается аргумент width
, задающий ширину строки в процентах от общей ширины строки. Кнопки в форме выводятся друг за другом, нужное расстояние между ними достигается с помощью неразрывных пробелов (escape-последовательность
 
), например: <input type="button" value="<" name="btnPrevious">
<input type="button" value="Новая запись" name="btnNew">
Листинг 7.6. Описание формы в HTML-файле (Phone.htm)
<html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Форма для записной книжки</title>
</head>
<body bgcolor="silver" scroll="no">
<form name="MainForm">
<table border="0" width="100%" style="font-family:Arial; font-size:10pt">
<tr>
<td width="15%">Фамилия</td>
<td width="85%"><input type="text" name="txtLastName" size="50"></td>
</tr>
<tr>
<td>Имя</td>
<td><input type="text" name="txtName" size="50"></td>
</tr>
<tr>
<td>Телефон</td>
<td><input type="text" name="txtPhone" size="15"></td>
</tr>
<tr>
<td>Улица</td>
Поделиться:
Популярные книги
Дракон с подарком
3. Королевская академия Драко
Любовные романы:
любовно-фантастические романы
6.62
рейтинг книги
Наследница Драконов
2. Наследница Драконов
Любовные романы:
современные любовные романы
любовно-фантастические романы
6.81
рейтинг книги
Кровь Василиска
1. Кровь Василиска
Фантастика:
фэнтези
попаданцы
аниме
4.25
рейтинг книги
Академия
2. Медорфенов
Фантастика:
юмористическая фантастика
попаданцы
аниме
5.00
рейтинг книги
Мятежник
4. Стеллар
Фантастика:
боевая фантастика
7.39
рейтинг книги
Чиновникъ Особых поручений
6. Александр Агренев
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Чужое наследие
3. Другая сторона
Фантастика:
боевая фантастика
8.47
рейтинг книги
Мастер 7
7. Мастер
Фантастика:
фэнтези
боевая фантастика
попаданцы
технофэнтези
аниме
5.00
рейтинг книги
Темный Лекарь 2
2. Темный Лекарь
Фантастика:
фэнтези
аниме
5.00
рейтинг книги
Восход. Солнцев. Книга IX
9. Голос Бога
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Попаданка в деле, или Ваш любимый доктор
1. Попаданка в деле, или Ваш любимый доктор
Фантастика:
фэнтези
5.50
рейтинг книги
Кукловод
2. О чем молчат могилы
Фантастика:
боевая фантастика
8.50
рейтинг книги
Бремя империи
Бремя империи - 1.
Фантастика:
альтернативная история
9.34
рейтинг книги
Элита элит
1. Элита элит
Фантастика:
боевая фантастика
8.93