Иллюстрированный самоучитель по созданию сайтов


Группы элементов формы - часть 2


Однако оно имело бы один недостаток: вводить имя файла пользователю приходилось бы только вручную.

Этот недостаток можно устранить, используя специальный тип тега

<INPUT>

. Если в этом теге установить атрибут TYPE="file", то пользователь увидит на экране текстовое поле для ввода имени файла, а рядом с ним будет расположена кнопка, при нажатии на которую откроется стандартное окно выбора файла. Имя выбранного файла будет автоматически введено в текстовое поле. Можно написать, например, так:

<LABEL FOR="Opinion-File">BBennTe имя файла с описанием вашего мнения: </LABEL><BR>

<INPUT TYPE="file" NAME="Opinion-File" SIZE="30">

Как видите, с помощью атрибута SIZE= здесь также можете задать ширину текстового поля.

Давайте посмотрим, что у нас получается в целом (как и в прошлый раз, мы приводим текст только для левой части страницы, все остальное остается прежним).

<DIV CLASS="lft"> <Н1>Ваш отзыв о наших услугах</Н1>

<DIV ALIGN="center"> <TABLE WIDTH="75%"><TR><TD>

<FORM ACTION="http://cgi.lentyay.corn/guest.cgi" METHOD="post">

<FIELDSET Т1ТLЕ="Сведения о клиенге">

<LEGEND ALIGN="left">Paccжите о ce6e</LEGEND>

<DIV ALIGN="center">

<LABEL FOR="Name">Baшe имя:</LАВЕL>

<INPUT TYPE="text" NAME="Name" VALUE="AHOHИM" SIZE="30">

<BR><BR>

<LABEL FOR="Age">Baш возраст :</LABEL>

<SELECT NAME="Age" SIZE="1">

<OPTION VALUE="10">Meнee 20

<OPTION VALUE="20">20&ndash;30

<OPTION VALUE="30">30&ndash;40

<OPTION VALUE="40">40&ndash;50

<OPTION VALUE="50">50&ndash;60

<OPTION VALUE="60">6onee 60 </SELECT>




Начало  Назад  Вперед