Язык разметки гипертекста Основные конструкции

Сентябрь 3, 2022

Главная
Алгебра
Язык разметки гипертекста Основные конструкции

Содержание

2. План занятия 1. Использование форм в HTML-документах.
3. Использование форм в HTML-документах Область применения форм в HTML-документах: поисковые службы; заказные центры на товары и
4. Для размещения форм в HTML применяется тег ... . Основными элементами, используемыми в формах являются: текстовое
5. ……… GET, POST
6. Определение элементов управления формы – тег Данный тег используют для определения области внутри формы, куда вводятся
7. Атрибуты тега
8. Атрибут NAME – имя, необходимое для доступа к данному элементу управления. Атрибут VALUE – значение элемента
9. Дополнительный атрибут VALUE – определяет начальное значение этого поля. Если опущен, то состояние - пустое. Дополнительный
10. TYPE= HIDDEN - Скрытые поля. Добавление в тег INPUT атрибута TYPE= HIDDEN позволит включить в отправляемую
11. TYPE = PASSWORD - поле ввода пароля (вводимые символы заменяются звездочками); Пример: TYPE = CHECKBOX -
12. В некоторых случаях необходимо инициализировать данный флажок, как уже отмеченный. В таких случаях тег должен содержать
13. TYPE=RESET – кнопка сброса введенных значений (кнопка при нажатии на которую браузер очищает форму, от введенных
14. TYPE=SUBMIT – кнопка отправки формы. INPUT TYPE="SUBMIT" VALUE="Отправить сообщение"> Атрибут VALUE – указывает наименование кнопки SUBMIT.
15. TYPE= BUTTON – кнопка; TYPE= FILE – дает возможность пользователю прикрепить файл к текущей форме; Атрибут
16. Создание многострочных областей ввода текста — тег Данный тег использует следующие атрибуты: NAME, COLS, ROWS, READONLY,
17. Атрибуты - тега Атрибут READONLY – определяет элемент как доступный только для чтения. Атрибут DISABLED –
18. Атрибуты - тега Атрибут NAME Определяет наименование поля. Атрибут COLS Указывает (число символов) число колонок, содержащихся
19. Использование списков в форме – тег В форме может использоваться тег только внутри тега . Эти
20. Использование списков в форме – тег Атрибут SIZE Определяет число видимых пользователю пунктов списка. Если в
21. Выбор Вариант 1 Вариант 2 Вариант 3 Вариант 4
23. Атрибут ALIGN – указывает способ выравнивания изображения в документе. Может принимать следующие значения: Left – выравнивание
24. Атрибут READONLY – определяет элемент как пригодный только для чтения; Атрибут DISABLED – определяет элемент как
26. Скачать презентацию

Слайд 2

План занятия
1. Использование форм в HTML-документах.

Слайд 3

Использование форм в HTML-документах
Область применения форм в HTML-документах:
поисковые службы;
заказные центры

на товары и услуги;
гостевые и регистрационные книги пользователей
в различных электронных службах;
информационные базы данных.

Слайд 4

Для размещения форм в HTML применяется тег
...
.
Основными элементами,

используемыми в формах являются:

текстовое поле (однострочное или прокручиваемое);
флажок для указания выбираемых элементов;
переключатель для выбора одного из нескольких предлагаемых
вариантов ответа;
открывающееся меню для выбора элемента из списка;
кнопки.

Слайд 5

………

GET, POST

Слайд 6

Определение элементов управления формы – тег
Данный тег используют для

определения области внутри формы, куда вводятся данные. Он формирует поле для ввода информации пользователем. Это может быть текстовое поле, флажки, переключатели или кнопки.

Не имеет конечного тега, должен располагаться между тегами

Слайд 7

Атрибуты тега

Слайд 8

Атрибут NAME – имя, необходимое для доступа к данному
элементу управления.
Атрибут

VALUE – значение элемента управления или надпись
на кнопке.

Атрибут TYPE – тип элемента управления
(вид поля ввода определяется значением атрибута TYPE).

Атрибут TYPE может принимать следующие значения:

TYPE =TEXT - текстовое поле ввода;

(используется тогда, когда пользователю необходимо ввести
небольшое количество текста. Это значение принято по
умолчанию и указывать его необязательно).

Слайд 9

Дополнительный атрибут VALUE – определяет начальное значение этого поля. Если опущен,

то состояние - пустое.
Дополнительный атрибут SIZE – задает размер создаваемого поля ввода (по умолчанию 20).
Дополнительный атрибут MAXLENGHT.

Слайд 10

TYPE= HIDDEN - Скрытые поля.
Добавление в тег INPUT атрибута TYPE=

HIDDEN позволит
включить в отправляемую форму значения атрибутов NAME и
VALUE, которые пользователь изменить не может.
Такие метки полезны при наличии нескольких форм для
дальнейшей обработки данных.

Слайд 11

TYPE = PASSWORD - поле ввода пароля
(вводимые символы заменяются

звездочками);

Пример:

TYPE = CHECKBOX - элемент флажок;

РоссияVALUE="Россия">
Страны СНГ

Слайд 12

В некоторых случаях необходимо инициализировать данный
флажок, как уже отмеченный. В таких

случаях тег
должен содержать атрибут CHECKED.

TYPE = CHECKBOX - элемент флажок;

TYPE=RADIO - элемент переключатель;

Пол мужскойVALUE="Мужской">
Пол женский

Слайд 13

TYPE=RESET – кнопка сброса введенных значений (кнопка при
нажатии на

которую браузер очищает форму, от введенных
пользователем значений);

Если в форме используется атрибут RESET, тег может
дополнительно содержать атрибут VALUE.
Данный атрибут определяет надпись на изображении кнопки.

Пример:

Слайд 14

TYPE=SUBMIT – кнопка отправки формы.
INPUT TYPE="SUBMIT" VALUE="Отправить сообщение">
Атрибут VALUE –

указывает наименование кнопки SUBMIT.

Пример:

Слайд 15

TYPE= BUTTON – кнопка;
TYPE= FILE – дает возможность пользователю

прикрепить
файл к текущей форме;

Атрибут SIZE – определяет размер текстового поля в символах.

Слайд 16

Создание многострочных областей ввода текста — тег <br><p>Данный тег использует</div></h2><div class="slides-content">следующие атрибуты: <br>NAME,<br>COLS, <br>ROWS,<br>READONLY,<br>DISABLED.<br></div></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 17</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298149/slide-16.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Атрибуты - тега Атрибут READONLY – определяет элемент как доступный только" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1298149/slide-16.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1298149/slide-16.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1298149/slide-16.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298149/slide-16.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Атрибуты - тега <TEXTAREA> <br><p>Атрибут READONLY – определяет элемент как доступный</div></h2><div class="slides-content">только для чтения.<br><p>Атрибут DISABLED – определяет элемент как недоступный <br></div></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 18</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298149/slide-17.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Атрибуты - тега Атрибут NAME Определяет наименование поля. Атрибут COLS Указывает" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1298149/slide-17.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1298149/slide-17.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1298149/slide-17.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1298149/slide-17.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Атрибуты - тега <TEXTAREA> <br><p>Атрибут NAME<br><p>Определяет наименование поля.<br><p>Атрибут COLS<br><p>Указывает (число символов)</div></h2><div class="slides-content">число колонок, содержащихся в<br>текстовой области.<br><p>Атрибут ROWS<br><p>Задает количество видимых строк текстовой области.<br><p><TEXTAREA NAME= "тема" COLS= "38" ROWS= "3"><br>
Пример:

Слайд 19

Использование списков в форме – тег .
Эти теги поддерживают два дополнительных атрибута:
SELECTED и VALUE.
Атрибут SELECTED
Используется для первоначального выбора значения элемента по
умолчанию.
Атрибут VALUE
Указывает на значение, возвращаемое формой после выбора
пользователем данного пункта. По умолчанию значение поля
равно значению тега

Слайд 20

Использование списков в форме – тег

Слайд 22

Слайд 23

Атрибут ALIGN – указывает способ выравнивания изображения
в документе. Может принимать следующие

значения:

Left – выравнивание по левому краю;
Right – выравнивание по правому краю;
Top – выровнять верхнюю кромку изображения по верхней линии
текущей текстовой строки;
Middle – выровнять базовую линию текущей текстовой строки по
центру изображения;
Bottom – выровнять нижнюю кромку изображения по базовой
линии текущей текстовой строки.

Слайд 24

Атрибут READONLY – определяет элемент как пригодный
только для чтения;
Атрибут DISABLED

– определяет элемент как недоступный.

Атрибут SRC – задает адрес рисунка, используемого при
создании кнопки.

Язык разметки гипертекста Основные конструкции

Содержание

План занятия1. Использование форм в HTML-документах.

Использование форм в HTML-документах Область применения форм в HTML-документах:поисковые службы;заказные центры

Для размещения форм в HTML применяется тег .... Основными элементами,

……… GET, POST

Определение элементов управления формы – тег Данный тег используют для

Атрибуты тега

Атрибут NAME – имя, необходимое для доступа к данному элементу управления.Атрибут

Дополнительный атрибут VALUE – определяет начальное значение этого поля. Если опущен,

TYPE= HIDDEN - Скрытые поля.Добавление в тег INPUT атрибута TYPE=

TYPE = PASSWORD - поле ввода пароля (вводимые символы заменяются

В некоторых случаях необходимо инициализировать данныйфлажок, как уже отмеченный. В таких

TYPE=RESET – кнопка сброса введенных значений (кнопка при нажатии на

TYPE=SUBMIT – кнопка отправки формы.INPUT TYPE="SUBMIT" VALUE="Отправить сообщение">Атрибут VALUE –

TYPE= BUTTON – кнопка; TYPE= FILE – дает возможность пользователю

Атрибут ALIGN – указывает способ выравнивания изображенияв документе. Может принимать следующие

Атрибут READONLY – определяет элемент как пригодный только для чтения;Атрибут DISABLED

Похожие презентации

План занятия
1. Использование форм в HTML-документах.

Использование форм в HTML-документах
Область применения форм в HTML-документах:
поисковые службы;
заказные центры

Для размещения форм в HTML применяется тег
...
.
Основными элементами,

………

GET, POST

Определение элементов управления формы – тег
Данный тег используют для

Атрибут NAME – имя, необходимое для доступа к данному
элементу управления.
Атрибут

TYPE= HIDDEN - Скрытые поля.
Добавление в тег INPUT атрибута TYPE=

TYPE = PASSWORD - поле ввода пароля
(вводимые символы заменяются

В некоторых случаях необходимо инициализировать данный
флажок, как уже отмеченный. В таких

TYPE=RESET – кнопка сброса введенных значений (кнопка при
нажатии на

TYPE=SUBMIT – кнопка отправки формы.
INPUT TYPE="SUBMIT" VALUE="Отправить сообщение">
Атрибут VALUE –

TYPE= BUTTON – кнопка;
TYPE= FILE – дает возможность пользователю

Атрибут ALIGN – указывает способ выравнивания изображения
в документе. Может принимать следующие

Атрибут READONLY – определяет элемент как пригодный
только для чтения;
Атрибут DISABLED