Реклама
|
|
|
|
|
|
Популярные статьи
|
|
|
|
|
|
Реклама
|
|
|
|
|
|
Сейчас на сайте
|
|
 Гостей: 5
На сайте нет зарегистрированных пользователей
Пользователей: 13,372
новичок: vausoz
|
|
|
Новости
|
|
|
|
|
|
|
Реклама
|
|
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian
Лабораторная работа по динамическим спискам на Turbo Pascal (удаление ду...
Компьютерный магазин на Turbo Pascal (База данных) + Пояснительная записка
Моделирование работы обрабатывающего участка цеха в GPSS
|
|
| Элементы управления строками и столбцами |
ячеек как в горизонтальной (ячейки для покрытия столбцов), так и в вертикальной проекции (ячейки для покрытия строк). Можно применять оба метода покрытия одновременно этот процесс называется процедурой слияния ячеек (merging). Для демонстрации этой возможности обратитесь к форме, описанной в главе 4.
Внимательно посмотрев на форму (рис. 5.4), можно заметить, что поля ввода данных и поля надписей удобно представить в виде двух столбцов. Поместим в таблицу первую секцию формы - информацию о доставке товара:
<table border="l">
<tr>
<td align="right">Имя заказчика:</td>
<tdxinput type="text" name="name" size="30" /></td>
</tr>
<tr>
<td align="right">Адрес, строка l:</td>
<tdxinput type="text" name="addl" size="30" /x/td>
</tr>
<tr>
<td align="right">Адрес, строка 2:</td>
<tdxinput type="text" name="add2" size="30" /x/td>
</tr>
<tr>
<td align="right">Город:</td>
<tdxinput type="text" name="city" size="30" /></td>
</tr>
<tr>
<td align="right">CTPaHa:</td>
<tdxinput type="text" name="state" size="15" /></td>
</tr>
<tr>
<td align="right">Почтовый индекс:</td>
<tdxinput type="text" name="zip" size="10" /></td>
</tr>
<tr>
<td align="right">Контактный телефон:</td> <tdxinput type="text" name="phone" size="12" /></td> </tr> <tr>
<td align="right">®aKC:</td>
<tdxinput type="text" name="fax" size="12" /></td>
</tr>
</table>
Значение атрибута border установлено равным единице только для выделения изменений, вносимых в форму. В заключительной версии документа эта граница таблицы будет удалена (рис. 5.5).
Заголовок и переключатель в секции адреса доставки счета остаются без изменений. Поля ввода соответствующих адресов структурируются в виде другой таблицы, по образу и подобию предыдущей секции доставки (рис. 5.6).
<п2>Оплата счета</Ъ2>
<input type="checkbox" name="bill-same" value="yes"/> Если адрес, по которому доставляется заказ, совпадает с адресом, <br> по которому производится оплата, щелкните здесь мышью <table border="l"> <tr>
<td align="right">Адрес, строка l:</td>
<tdxinput type="text" name="baddl" size="30" /></tdx/tr> <tr>
<td align="right">Адрес, строка 2:</td>
<tdxinput type="text" name="badd2" size="30" /></td>
</tr>
<tr>
<td align="right">ropofl:</td>
<td xinput type="text" name="bcity" size="30" /x/td>
</tr>
<tr>
<td align="right">CTpaHa:</td>
<tdxinput type="text" name="bstate" size="15" /></td>
</tr>
<tr>
<td align="right">Почтовый индекс:</td>
<tdxinput type="text" name="bzip" size="10" /></td>
</tr>
</table>
Совет Чтобы добиться универсального изображения таблиц, можно уста-
новить для них единый размер в атрибуте width элемента table.
Наконец, последняя, третья таблица будет содержать данные, относящиеся к имени пользователя и символьной последовательности для пароля:
<table border="l">
<tr>
<td align="right">Имя заказчика:</td>
<tdxinput type="text" name="user" size="10" /></td>
</tr>
<tr>
<td align="right">Пароль:</td>
<tdxinput type="password" name="passl" size="10" /></td>
</tr>
<tr>
<td align="right">Подтвердите пароль:</td>
<tdxinput type="password" name="pass2" size="10" /></td>
</tr>
</table>
На заключительном этапе нужно объединить все предыдущие блоки, убрать атрибуты border и описать кнопки пересылки данных. По сравнению с вышеприведенной версией окончательный вариант документа (листинг 5.3, рис. 5.7) выглядит лучше.
Листинг 5.3. Новый вариант формы для сбора данных
<form method="post" action="http://www.webgeek.com/cgi-bin/ forms.cgi">
<input type="hidden" name="form" value="Job Spec Sheet "/> <Ь2>Доставка товара</Ь2> <table border="0"> <tr>
<td align="right">Имя заказчика:</td>
<td xinput type="text" name="name" size="30" /x/td>
</tr>
<tr>
<td align="right">Адрес, строка l:</td>
<tdxinput type="text" name="addl" size="30" /x/td>
</tr>
<tr>
<td align="right">Адрес, строка 2:</td>
<tdxinput type="text" name="add2" size="30" /></td>
</tr>
<tr>
<td align="right">ropofl:</td>
<tdxinput type="text" name="city" size="30" /></td>
</tr>
<tr>
<td align="right">Страна:</td>
<tdxinput type="text" name="state" size="15" /></td> </tr>
Рис. 5.7. Представление новой выровненной формы в программе просмотра
<tr>
<td align="right">Почтовый индекс:</td>
<tdxinput type="text" name="zip" size="10" /></td>
</tr>
<tr>
<td align="right">Контактный телефон:</td> <tdxinput type="text" name="phone" size="12" /></td> </tr> <tr>
<td align="right">®aKC:</td>
<tdxinput type="text" name="fax" size="12" /></td>
</tr>
</table>
<п2>Оплата счета</Ь2>
<input type="checkbox" name="bill-same" value="yes"/> Если адрес, по которому доставляется заказ, совпадает с адресом, <br> по которому производится оплата, щелкните здесь мышью <table border="0"> <tr>
/></td>
<td align="right">Адрес, строка l:</td> <tdxinput type="text" name= "baddl" size="30 </tr> <tr>
/></td>
<td align="right">Адрес, строка 2:</td> <tdxinput type="text" name="badd2" size="30
</tr> <tr>
size="30" /></td>
<td align="right">Город:</td> <tdxinput type="text" name="bcity"
</tr> <tr>
size="15" /></td>
<td align="right">Страна:</td> <tdxinput type="text" name= "bstate" </tr> <tr>
<td align="right">Почтовый индекс:</td>
<tdxinput type="text" name="bzip" size="10" /></td>
</tr>
</table>
<Ь2>Заказ</Ь2>
Тип заказа: <input type="radio" name="product" value="bizcard"/> визитные карточки
<input type="radio" name="product" value="letterhead"/> бланки для печати
/>Без 'white" />Белый 'cream" />Кремовый 'tan" />Желто-коричневый
" />Розовый 'grey" />Серый
<р>Цвет основного фона визитки: <select name="cardstock"> <option value="none" />Без указания <option value="-"1-J ^ ' " <option value=" <option value=" <option value=" <option value=" </select>
белой прошивкой кремовой прошивкой
/>241b. />241b. />241b. />241b.
Основной фон Основной фон
Тип бумаги для почтового бланка: <select name="letterpaper"> <option value="none" />Без указания --- value="2 4ww" '
'24cw' '2 4wl' '24cl'
белый кремовый
файл запроса (запрос необходимо высылать
<option <option value <option value <option value </select> </p>
<р>Укажите здесь архиве):
<input type="file" /></р>
<р>Если вы хотите сохранить эти данные для быстрого повтора заказа, пожалуйста, заполните строки "Имя заказчика" и "Пароль"
<br />
<table border="0"> <tr>
<td align="right">Имя заказчика:</td>
<tdxinput type="text" name="user" size="10" /></td>
</tr>
<tr>
<td align="right">naponb:</td>
<tdxinput type="password" name="passl" size="10" /></td>
</tr>
<tr>
<td align="right'^Подтвердите naponb:</td>
<tdxinput type="password" name="pass2" size="10" /></td>
</tr>
</table>
<input type="submit" value="BBOfl данных" /> </form> |
Опубликовал vovan666
April 05 2013 12:35:51 ·
0 Комментариев ·
3726 Прочтений ·
|
|
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
|
Комментарии
|
|
Нет комментариев.
|
|
|
Добавить комментарий
|
|
|
|
|
Рейтинги
|
|
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
|
|
|
|
Гость
|
|
Вы не зарегистрированны? Нажмите здесь для регистрации.
Забыли пароль? Запросите новый здесь.
|
|
|
Загрузки
|
|
|
Новые загрузки
Случайные загрузки
Топ загрузок
|
|
|
Главная
Каталог файлов
