Урок 10 form (форма) заполняемая форма
Скачать 136.38 Kb.
|
| Урок 10 FORM (ФОРМА) - заполняемая форма Цель Чтобы представить заполняемую форму, используемую для таких действий пользователя, как регистрация, упорядочение пользователя или формирование запроса. Формы могут содержать широкий диапазон приемов разметки HTML, включая такие виды полей форм, как однострочные или многострочные текстовые поля, группы радиокнопок, переключатели и меню. Основной синтаксис Возможные атрибуты
Допустимый контекст Блоковый контейнер. Содержимое То, что разрешено в пределах элемента BODY (т.е. заголовки, текстовые и блоковые элементы, элементы ADDRESS), за исключением того, что нельзя использовать в пределах элементов FORM. Есть некоторые элементы, которые могут появиться только в пределах элемента FORM. В частности: INPUT текстовое одностроковое поле, поля пароля, переключатели, радиокнопки, кнопки установки и перезагрузки, скрытые поля, кнопки выгрузки файла, кнопки изображений и т.д. SELECT меню единичного или множественного выбора TEXTAREA многострочное текстовое поле. Примеры Пример FORM-1.html: Следующий, более сложный пример, включает в дополнение к области свободного ввода текста меню выбора. Пример FORM-2.html: Примечания В одном документе может быть несколько форм. Для очень простых форм можно использовать элемент ISINDEX. IMG - линейные изображения Цель Для включения изображения в документ. Типичное отображение Изображения представляются, как часть документа. Неграфические броузеры представляют взамен изображения значение атрибута ALT. Позиционирование изображения обеспечивается атрибутами элемента IMG. Основной синтаксис Возможные атрибуты
Атрибуты WIDTH и HEIGHT при совместном использовании позволяют программам просмотра зарезервировать место на экране для изображения еще до того, как они будут переданы по сети. Это позволяет пользователю начать чтение, пока передача данных еще продолжается. Эти атрибуты не предназначены для автоматического изменения размера изображения броузерами. Хотя некоторые броузеры могут масштабировать изображение в соответствии с атрибутами WIDTH и HEIGHT, не полагайтесь на это. Таким образом, они должны задавать реальный размер изображения. Значения ALIGN имеют следующий смысл: ALIGN=TOP Позиционирует верх изображения с верхом текущей текстовой строки. Броузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него. ALIGN=MIDDLE Выравнивает середину изображения по основной текстовой строке. ALIGN=BOTTOM (по умолчанию) Выравнивает низ изображения по основной строке. ALIGN=LEFT Перемещает изображение к текущему левому краю, временно изменяя этот край так, чтобы последующий текст переместился вдоль правой стороны изображения. Отображение зависит от того, были ли выровненные по левому краю какой-нибудь текст или ранее появившееся изображение до того, как в разметке появилось текущее изображение. Такой текст (но не изображения) обычно заставляет выровненные по левому краю изображения смещаться на новую строку, с последующим продолжением текста на прежней строке. ALIGN=RIGHT Перемещает изображение к текущему правому краю, временно изменяя этот край так, чтобы последующий текст переместился вдоль левой стороны изображения. Отображение зависит от того, были ли выровненные по правому краю какой-нибудь текст или ранее появившиеся изображения до того, как в разметке появилось текущее изображение. Такой текст (но не изображения) обычно заставляет выровненные по правому краю изображения смещаться на новую строку с последующим продолжением текста на прежней строке. Что касается ISMAP, приведем пример того, как можно его использовать:  Нажатые координаты передаются серверу. Броузер извлекает новый URL из URL, специфицированного атрибутом HREF, с добавлением знака вопроса (?), координаты x, запятой (,) и координаты y локализации (координаты выражены в пикселях). Связь следует с использованием уже нового URL. Например, если пользователь нажал на участок с x=10, y=27, формируемый URL будет: "/cgibin/navbar.map?10,27". В целом, это хорошая идея для подавления бордюра (использование атрибута BORDER=0) и обозначения того, что изображение реагирует на нажатие клавиши мыши. Допустимый контекст Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Примеры Пример IMG-1.html: ![[picture of yucca]](yucca.jpg) This is a simple example of embedding images. This paragraph should be displayed, in a graphical browser, with an image at the right, and before this paragraph the same image should appear separately, with default alignment. Используйте IMG с ISMAP, чтобы создать реагирующую на нажатие клавиши мыши карту: Пример IMG-2.html: SRC="http://www.hut.fi/Pictures/English/english.gif" ALT="Helsinki University of Technology" ISMAP> Примечания Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны расположить элемент IMG в начале абзаца (P элемент). Однако при этом результат может Вас не устроить. Поэтому хорошей практикой стало иметь элемент BR с атрибутом CLEAR в конце такого абзаца. BR - перевод строки Цель Выполниться перевод строки. Типичное отображение Перевод строки (но не абзаца). Основной синтаксис Возможные атрибуты
Атрибут CLEAR может быть использован, чтобы передвинуть перемещаемый образ на другой край. передвинет образ к левому краю, - к правому краю, в то время как сделает то же самое и к левому и к правому краям одновременно. Допустимый контекст Контейнер текста, т.е. любой элемент, который может содержать текстовые элементы. Это включает большинство элементов HTML. Примеры Пример BR-1.html: You should always end the terminal session with the command logout or some other operation with the same effect. Примечания Элементы BR могут быть использованы, чтобы смоделировать подабзацы. Элементы BR с атрибутом CLEAR используются при вставке в документ изображений (смотрите описание элемента IMG.) Иногда, чтобы получить незаполненное пространство, многократно используют элементы BR. Однако это работает не во всех броузерах. Лучше для этого использовать элемент PRE. INPUT - поля ввода в формах Цель Специфицировать в пределах формы вводные поля: одностроковые текстовые поля, поля пароля, переключатели, радиокнопки, кнопки отсылки и перезагрузки, скрытые поля, выгрузки файла, кнопки изображения и т.д. Типичное отображение Меняется согласно типу поля. Основной синтаксис тип_поля_ввода другие_атрибуты> Возможные атрибуты Различные значения атрибута TYPE соответствуют различным видам вводных полей. TYPE=TEXT (тип=текст - по умолчанию) Одностроковое текстовое поле, чей видимый размер может быть установлен атрибутом SIZE, например, SIZE=40 для 40-символьного поля. Пользователи могут вводить и больше символов, чем этот предел, но с текстовым скроллингом (пролистыванием) поля, чтобы курсор ввода оставался видимым. Вы можете задать верхний предел количества символов атрибутом MAXLENGTH. Атрибут NAME используется для наименования поля, а атрибут VALUE инициализирует текстовую строку в поле, когда документ впервые загружен. Заметим, что текстовый ввод ограничен одной строкой. Используйте элемент TEXTAREA, чтобы определить многостроковые текстовые поля. Пример: TYPE=PASSWORD (тип=пароль) Этот тип подобен TYPE=TEXT, однако все вводимые символы представляются в виде *, чтобы скрыть текст от подсматривающих глаз, когда вводится пароль. Вы можете использовать атрибуты SIZE и MAXLENGTH, чтобы управлять видимой и максимальной длинами поля точно так же, как для обычного текстового поля. Пример: TYPE=CHECKBOX (тип=поле установки - переключатель) Используется для простых булевых атрибутов (т.е. атрибутов, принимающих значение ИСТИНА или ЛОЖЬ) или для атрибутов, которые одновременно могут принимать множество значений. Каждое заполненное переключательное поле генерирует отдельную пару имя/значение в формируемых данных, даже если это приводит к дублированию имен. Используйте атрибут CHECKED для инициализации поля установки по умолчанию. Пример: TYPE=RADIO (тип=радиокнопка) Используется для атрибута, который может принимать единственное значение из множества. Каждое поле радиокнопки в группе должно быть задано только одним значением атрибута NAME. Радиокнопки требуют явного атрибута VALUE. Единственная нажатая радиокнопка в группе генерирует пару имя/значение в формируемых данных. Одна радиокнопка в группе атрибутом CHECKED должна быть предварительно установлена по умолчанию. Пример: TYPE=SUBMIT (тип=отсылка) Определяет кнопку, которую пользователь может нажать, чтобы передать содержимое формы серверу. Метка устанавливается атрибутом VALUE. Если атрибут NAME задан, то пара наименование/значение для исполняемой кнопки будет включена в передаваемые данные. Вы можете включить несколько исполняемых кнопок в форму. Смотрите TYPE=IMAGE для графических исполняемых кнопок. Примеры: TYPE=RESET (тип=перезагрузка) Определяет кнопку, которую пользователь может нажать, чтобы вернуть поля формы к исходному состоянию, когда документ был впервые загружен. Вы можете установить метку с помощью атрибута VALUE. Кнопки перезагрузки никогда не посылаются как часть содержимого формы. Пример: TYPE=FILE (тип=файл) Этот тип дает возможность пользователям прикрепить файл к содержимому формы. Элемент обычно отображается, как текстовое поле с кнопкой, при нажатии на которую появляется файловый броузер для отбора имени файла. Имя файла также может быть введено прямо в текстовое поле. Таким же образом, как для TYPE=TEXT, для TYPE=FILE можно использовать атрибут SIZE, чтобы установить видимую ширину поля. Вы также можете установить верхний предел для длины имени файла, используя атрибут MAXLENGTH. Некоторые программы просмотра поддерживают способность ограничивать виды файлов, которые могут быть прикреплены к форме, перечислением разделяемого запятыми списка файлов с содержимым типа MIME, задаваемого атрибутом ACCEPT. Например, ACCEPT="image/*" ограничит файлы изображениями. Дополнительная информация может быть найдена в RFC 1867. Пример: TYPE=HIDDEN (тип=скрытый) Этот тип поля не отображается пользователю. Скрытое поле дает возможность для серверов хранить информацию о состоянии вместе с формой. Когда форма "исполняется" при нажатию соответствующей кнопки, серверу будет передана пара имя/значение, определенная с использованием соответствующих атрибутов. Этот тип создает рабочее окружение для полноты возможностей HTTP и является альтернативой для использования так называемой HTTP cookies. Пример: TYPE=IMAGE Используется для графических кнопок отсылок, отображаемых изображением. URL для изображений специфицируется атрибутом SRC. Выравнивание изображения может быть специфицировано атрибутом ALIGN. В этом отношении графические кнопки отсылки идентичны элементам IMG (так, Вы можете установить для ALIGN - LEFT, RIGHT, TOP, MIDDLE или BOTTOM). Атрибуты NAME и VALUE трактуются точно также, как текстовые кнопки отсылки и должны быть заданы для обеспечения работы неграфических программ просмотра. Пример: Допустимый контекст Текстовый контейнер, т.е. любой элемент, который может содержать текстовые элементы. Включает большинство элементов HTML. Текстовый контейнер может появиться в пределах элемента FORM. Примеры Примечания Использование INPUT для ввода текста ограничено одностроковыми полями. Используйте TEXTAREA, чтобы определить многостроковые текстовые поля. Используйте SELECT для меню. |
Добавить документ в свой блог или на сайт
Похожие:
 | Семинарское занятие № Урок как основная форма организации учебного... Раскройте сущность понятий «форма обучения», «урок», «классно-урочная система», «целостный педагогический процесс» | | «Досуг молодежи» урок повторение. Форма урока дискуссия Урок немецкого языка в 11 классе «Изобразительное искусство в жизни молодежи» по теме «Досуг молодежи» урок повторение. Форма урока... |
| Учебно-методический комплекс рабочая программа для студентов направлений:... Рабочая программа для студентов направлений: 011200. 62 "Физика" (очная форма обучения), 011800. 62 "Радиофизика" (очная форма обучения),... | | И форма донесения Информация (донесение) о факте и основных параметрах чрезвычайной ситуации, форма 2/ЧС |
| Программа по формированию навыков безопасного поведения на дорогах... Самое главное – урок рассматривается сегодня не только как деятельность учителя, т е как форма обучения, но и как деятельность ученика,... | | И форма донесения (доклада) Информация (донесение) о факте и основных параметрах чрезвычайной ситуации, форма 2/ЧС |
 | Урок восхождение по русскому языку по теме «Причастие особая форма глагола» Урок – восхождение по русскому языку по теме «Причастие – особая форма глагола» ( 7 класс) – учитель русского языка и литературы... | | Инструкция по заполнению заявок на участие в конкурсе (Форма 2) Запрос... Приложение 4 к форме Предложение по срокам (Календарный план выполнения ниокр) |
| Программа по формированию навыков безопасного поведения на дорогах... Форма урока: эвристическая беседа, практикум «Стадии воспроизводства», групповая форма работы | | Урок – урок открытия новых знаний. Форма урока Это урок, завершающий знакомство учащихся с системой образов романа И. А. Гончарова «Обломов» |
| Очная форма обучения Заочная форма обучения Учитель химии мбоу “Средняя общеобразовательная школа №26” г. Калуги Тесник Юлия Валерьевна | | Программа по формированию навыков безопасного поведения на дорогах... Форма проведения урока: строительство Дома Жизни (форма нравственного воспитания учащихся по технологии Е. И. Ромашковой) |
| Программа по формированию навыков безопасного поведения на дорогах... Школьная форма – обязательная повседневная форма одежды для учащихся во время их нахождения в школе и на официальных мероприятиях... | | Программа по формированию навыков безопасного поведения на дорогах... Ооо, даты; притяжательная форма существительных; Present Simple, отрицательная форма глагола; вопросительные предложения; способы... |
| География. Билет №1 Форма, размеры, движения Земли и их географические следствия. Форма Земли Методические рекомендации предназначены для учителей географии и ориентированы на подготовку девятиклассников к государственной (итоговой)... | | Фрагменты уроков Тип и форма проведения урока: Урок закрепления знаний и способов деятельности. Урок-игра |
