Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
  • Объединение логически связанных между собой элементов управле­ния в HTML-документе называется формой.






    Для создания формы применяется тег-контейнер < FORM> …< /FORM> с атрибутом action=" ", в котором содержится адрес, по которому бу­дут отправлены данные с формы.

    Внутри тега < form> могут размещаться элементы управления, кото­рые создаются непарным тегом < INPUT>. Атрибут type задает тип элемента:

    < input type=" text" > – создание текстового поля;

    < input type=" checkbox " > – создание переключателей-флажков (þ);

    < input type=" radio" > – создание кнопок выбора (¤);

    < input type=" submit " > – создание кнопки для отправки данных из формы;

    < input type=" reset " > – создание кнопки для очистки полей формы.

    Парный тег < TEXTAREA cols=" n" rows=" m" > позволяет создавать многострочные текстовые поля. Его атрибуты задают количество столбцов и строк в поле.

    Для создания выпадающих списков используется тег-контейнер < SELECT>. Элементы списка задаются тегом < OPTION>. Все элементы управления имеют атрибут name, который определяет имя элемента при передаче данных из формы, а также позволяет объеди­нить переключатели и кнопки выбора в группы. Атрибут checked отве­чает за установку флажка или переключателя.

     

     

    Задание 7.2. Запишите определения основных понятий в тетрадь.

     

    Коротко о главном

    Форма – это объединение логически связанных между собой элементов управле­ния в HTML-документе.

    < FORM> …< /FORM> – теги создания формы

    < INPUT> – тег создания элементов управления

    < SELECT> … < /SELECT> – теги для создания выпадающих списков

    < TEXTAREA cols=" n" rows= " m" > … < TEXTAREA> – теги для создания многострочного тек­стового поля

     

     

    Задание 7.3.

    Ø Вставьте в HTML-документ start.html, находящийся в папке «Фамилия фрагмент сайта», предложенный ниже фрагмент пред закрывающим тегом < /BODY>.

     

    < HR>

    Уважаемые покупатели!!! < BR>

    Чтобы заказать книгу в нашем магазине, Вы должны зарегистрироваться.< BR>

    Заполните, пожалуйста, форму и сделайте запись в книге посетителей.

    < FORM action=" " >

    < PRE>

    Фамилия: < INPUT type=" Cext" size=" 60" >

    Имя: < INPUT type=" text" size=" 60" >

    < BR> < BR>

    < /PRE>

    Образование:

    < INPUT type=" radio" name=" obr" checked> Высшее

    < INPUT type=" radio" name=" obr" > Среднее

    < BR> < BR>

    Интересующий раздел:

    < SELECT type=" text" >

    < OPTION selected> Детская

    < OPTION> Научная

    < OPTION> Справочная

    < OPTION> Художественная

    < /SELECT>

    < BR> < BR>

    Книга посетителей: < BR>

    < TEXTAREA rows=" 3" cols=" 60" > Оставьте отзывы о нашем магазине< /TEXTAREA> < BR> < BR>

    < INPUT type=" submit" >

    < INPUT type=" reset" >

    < /FORM>

    Ø С помощью браузера посмотрите, что получилось, попробуйте выполнить задания, которые отобразились на странице.

     

    Задание 7.4.

    Ø Создайте свою страничку, содержащую формы.


    Лабораторная работа №8. «Фреймы в HTML-документе»

    Задание 8.1. Изучите материал темы «Фреймы в HTML-документе.






    © 2023 :: MyLektsii.ru :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.