Реклама
|
|
|
|
|
|
Популярные статьи
|
|
|
|
|
|
Реклама
|
|
|
|
|
|
Сейчас на сайте
|
|
 Гостей: 29
На сайте нет зарегистрированных пользователей
Пользователей: 13,372
новичок: vausoz
|
|
|
Новости
|
|
|
|
|
|
|
Реклама
|
|
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian
Создание последовательности окон и передвижение окон по экрану на Turbo ...
Метод половинного деления для нахождения корня уровнения на Turbo Pascal...
База данных электронного документооборота на Delphi + бд Intebase
|
|
| Элементы управления строками и столбцами |
ячеек как в горизонтальной (ячейки для покрытия столбцов), так и в вертикальной проекции (ячейки для покрытия строк). Можно применять оба метода покрытия одновременно этот процесс называется процедурой слияния ячеек (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 Комментариев ·
3834 Прочтений ·
|
|
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
|
Комментарии
|
|
Нет комментариев.
|
|
|
Добавить комментарий
|
|
|
|
|
Рейтинги
|
|
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
|
|
|
|
Гость
|
|
Вы не зарегистрированны? Нажмите здесь для регистрации.
Забыли пароль? Запросите новый здесь.
|
|
|
Загрузки
|
|
|
Новые загрузки
Случайные загрузки
Топ загрузок
|
|
|
Главная
Каталог файлов
