Чтение онлайн

на главную - закладки

Жанры

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-последовательность

&nbsp
), например:

<input type="button" value="<" name="btnPrevious"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="button" value="Новая запись" name="btnNew"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Листинг 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>

Поделиться:
Популярные книги

Гранит науки. Том 2

Зот Бакалавр
2. Героями не становятся, ими умирают
Фантастика:
фэнтези
5.00
рейтинг книги
Гранит науки. Том 2

Газлайтер. Том 6

Володин Григорий
6. История Телепата
Фантастика:
попаданцы
альтернативная история
аниме
5.00
рейтинг книги
Газлайтер. Том 6

Мастер...

Чащин Валерий
1. Мастер
Фантастика:
героическая фантастика
попаданцы
аниме
6.50
рейтинг книги
Мастер...

Я все еще граф. Книга IX

Дрейк Сириус
9. Дорогой барон!
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Я все еще граф. Книга IX

Изгой Проклятого Клана. Том 6

Пламенев Владимир
6. Изгой
Фантастика:
аниме
фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Изгой Проклятого Клана. Том 6

Сильнейший Столп Империи. Книга 4

Ермоленков Алексей
4. Сильнейший Столп Империи
Фантастика:
фэнтези
аниме
фантастика: прочее
попаданцы
5.00
рейтинг книги
Сильнейший Столп Империи. Книга 4

Неофит

Листратов Валерий
3. Ушедший Род
Фантастика:
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Неофит

Кодекс Охотника. Книга XII

Винокуров Юрий
12. Кодекс Охотника
Фантастика:
боевая фантастика
городское фэнтези
аниме
7.50
рейтинг книги
Кодекс Охотника. Книга XII

Играть... в тебя

Зайцева Мария
3. Звериные повадки Симоновых
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Играть... в тебя

Убивать чтобы жить 3

Бор Жорж
3. УЧЖ
Фантастика:
героическая фантастика
боевая фантастика
рпг
5.00
рейтинг книги
Убивать чтобы жить 3

Наследие Маозари 3

Панежин Евгений
3. Наследие Маозари
Фантастика:
рпг
аниме
5.00
рейтинг книги
Наследие Маозари 3

Князь

Шмаков Алексей Семенович
5. Светлая Тьма
Фантастика:
юмористическое фэнтези
городское фэнтези
аниме
сказочная фантастика
5.00
рейтинг книги
Князь

Мачеха Золушки - попаданка

Максонова Мария
Фантастика:
попаданцы
сказочная фантастика
фэнтези
5.00
рейтинг книги
Мачеха Золушки - попаданка

Романов. Том 1 и Том 2

Кощеев Владимир
1. Романов
Фантастика:
фэнтези
попаданцы
альтернативная история
5.25
рейтинг книги
Романов. Том 1 и Том 2