Элементы форм: Кнопка с изображениемКнопки с изображениями аналогичны действию кнопки Submit, но представляют собой рисунок. Это расширяет возможности дизайнерских изысков по оформлению формы. Когда пользователь нажимает на рисунок, данные формы отправляются на сервер и обрабатываются программой, заданной параметром action тега FORM. Изображение в форме создается следующим образом.
Параметры поля перечислены в таблице.
В результате получим следующее.
Элементы форм: Отправка файлаСоздает поле для ввода имени файла, который пересылается на сервер. Поле создается следующим образом.
Параметры формы enctype="multipart/form-data" нужен для корректной передачи файла. Если его не указать, будет передан лишь путь к файлу. Дополнительные параметры те же, что и для текстового поля.
В результате получим следующее.
Создание фреймовДля создания фрейма используется тег FRAMESET, который заменяет тег BODY в документе и используется для разделения экрана на области. Внутри данного тега находятся теги FRAME, которые указывают на HTML-документ, предназначенный для загрузки в область.
Рис. 1. Пример разделения окна браузера на фреймы Для размещения фреймов, как показано на рис. 1 код будет следующий.
Окно браузера разбивается на две колонки, левая занимает 200 пикселов, а правая - оставшееся пространство, заданное символом звездочки. Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц. В теге FRAME задается имя HTML-файла, загружаемого в указанную область, с помощью параметра src. В левое окно будет загружен файл, названный menu.html, а в правое - content.html. Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно.
Рис. 2. Пример разделения окна браузера на фреймы Если нужна более сложная структура фреймов, например, как показано на рис. 2, теги FRAMESET можно вкладывать один в другой.
Первый тег FRAMESET разбивает окно браузера на две строки шириной 10 и 90 процентов. А следующий, вложенный - создает две колонки, как и в примере 1. Ссылки внутри фреймовВ обычном HTML-документе, при переходе по ссылке, в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие - возможность загружать документ в выбранный фрейм из другого. Для этой цели используется параметр target тега А. В качестве значения используется имя фрейма, в который будет загружаться документ, указанный параметром name.
В приведенном примере фрейму присваивается имя content. Чтобы документ загружался в указанный фрейм, используется параметр target=content. Имя фрейма должно начинаться на цифру или латинскую букву. В качестве зарезервированных имен используются следующие: target=_blank - загружает документ в новое окно; Чтобы одновременно обновить сразу два фрейма и загрузить в них разные документы, придется воспользоваться JavaScsript.
Ссылка используется как обычная, но в качестве параметра добавляется событие onClick отслеживающее нажатие на ссылку. Обратите внимание, что имя фрейма следует писать также, как оно указано в параметре name (в данном случае заглавными символами). JavaScript чувствителен к регистру и мнительно относится к любому неправильному написанию. | ||||||||||||||||||||||||||||||||||||||||||||||||||||
