Главные вкладки

    Формы языка программирования HTML
    материал по информатике и икт (8 класс) по теме

    Храпова Юлия Евгеньевна

    Материал для практического выполнения на ПК.

    Скачать:

    ВложениеРазмер
    Файл formy_yazyka_programmirovaniya_html_8kl.docx66.45 КБ

    Предварительный просмотр:

    Формы языка программирования HTML.

    Пример HTML формы | Вход в систему

    Логин:

    Пароль:

     Запомнить

    Код:

    Один из возможных вариантов HTML формы




    Логин:



    Пароль:



    Запомнить


    Теги, атрибуты и значения:

    •  – определяют форму.
    • name="" – определяет имя формы.
    • method="" – определяет способ отправки данных из формы. Значения: "get" (по умолчанию) и "post". Чаше используется метод "post", так как позволяет передавать большие объемы данных.
    • action="" – определяет url по которому данные отправляются на обработку. В нашем случае – enter_data.php. Также может быть обозначен адрес электронной почты, например,action="mailto:ab-w.net".
    •  – определяют такие элементы формы как кнопки, переключатели, текстовые поля для ввода данных.
    • type="text" – определяет текстовое поле для ввода данных.
    • type="password" – определяет поле для ввода пароля, при этом текст отображается в виде звездочек или кружочков.
    • type="checkbox" – определяет переключатель.
    • type="submit" – определяет кнопку.
    • type="hidden" – определяет скрытый элемент формы – используется для передачи дополнительной информации на сервер.
    • size="25" – длина текстового поля в символах.
    • maxlength="30" – максимально допустимое количество вводимых символов.
    • value="" – определяет значение, которое будет отправлено на обработку если относится к радиобутонам или переключателям. Значение данного атрибута в составе текстового поля или кнопки будет показано как, например, Вася или Вход в примере выше.

    Пример HTML формы | Комментарии на сайте

     Имя

     E-mail

    Код:

    Пример HTML формы




    Имя



    Mail






    Теги, атрибуты и значения:

    • action="http://ab-w.net/comments.php" – определяет url по которому будут отправлены данные из формы.
    • id="" – определяет имя, идентификатор элемента формы.
    • name="" – определяет имя элемента формы.
    •  – определяют текстовое поле в составе формы.
    • cols="" – определяет количество колонок текстового поля формы.
    • rows="" – определяет количество рядов текстового поля формы.

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

    Пример HTML формы | Выпадающий список

        

    Код:

    HTML формы




    Теги, атрибуты и значения:

    •  – определяют список с позициями для выбора.
    • size="" – определяeт количество видимых позиций списка. Если значение равно 1, мы имеем дело с выпадающим списком.
    •  – определяют позиции (пункты) списка.
    • value="" – содержит значение, которое будет отправлено формой по указанному url на обработку.
    • selected="selected" – выделяет позицию списка в качестве примера.

    Пример HTML формы | Список с полосой прокрутки

    Увеличив значение атрибута size="", мы получим список с полосой прокрутки:

        

    Код:

    HTML формы




    Для этого варианта применим флажок multiple="multiple", который делает возможным выбор нескольких позиций. Его отсутствие разрешает выбрать только один пункт.

    Пример HTML формы | Переключатели, кнопки

     Самолет
     Поезд
     Автомобиль
     Автобус
     

    Код:

    HTML формы



    Самолет
     
    Поезд
     
    Автомобиль
     
    Автобус
     


    Атрибуты и значения:

    • value="" – определяет значение, которо будет отправлено формой по указанному url.
    • checked="checked" – определяет в качестве примера одно из возможных значений.
    • type="submit" – определяет кнопку.
    • type="reset" – определяет кнопку сброса.
    • value="" – определяет надпись на кнопке.

    Смотрите дополнительно: тег .

    Пример HTML формы | Радиобутоны, прикрепить файл

    Пол:
     М 
     Ж
    Прикрепить файл:

    Код:

    HTML формы



    Пол:

    М

    Ж

    Прикрепить файл:

     

    Пример HTML формы | fieldset

    Коротко о себе:

     Молодой человек
     Девушка
     Дата рождения
     Семейное положение
     Социальный статус
     Местожительство

    Код:

    HTML формы





    Коротко о себе:


    Молодой человек

    Девушка

    Дата рождения

    Семейное положение

    Социальный статус

    Местожительство




    По теме: методические разработки, презентации и конспекты

    Программа обучения "Программирование на языке C++ и объектно-ориентированное программирование". Обучение начинается с "нуля". Далее обучение языку программирования C# и трехмерной графике. Для школьников 8-10 классов.

    На сайте центра компьютерных технологий  отдела техники ГДТЮ ( Аничков дворец )   : Бюджетные ( бесплатные ) компьютерные курсы обучения программированию с элемента...

    Основы программирования: ТЕМА 01. ЯЗЫК ПРОГРАММИРОВАНИЯ ПАСКАЛЬ.

    ОСНОВЫ ПРОГРАММИРОВАНИЯВВЕДЕНИЕОдним из популярных сегодня ЯП является Паскаль. Он позволяет составлять программы для решения математических задач, обработки текстов, построения изображений на экране ...

    ЦОР интерактивный тест на тему: "язык разметки html"

    Состав материала:- методические рекомендации- файлы заданий в форматах программы Hot Potatoes- задания в формате html- файлы заданий в формате scorm 1.2...

    Доклад на августовскую конференцию "Язык программирования HTML - как средство развития информационной культуры старшеклассников"

    Доклад на августовскую конференцию "Язык программирования HTML - как средство развития информационной культуры старшеклассников"...

    Программирование. Язык программирования Паскаль

    Цель•        Познакомить обучающихся с языком программирования Паскаль•         Отрабатывать практические умения обучающихся по работе в сре...

    Сравнительный анализ языка питон и некоторых других языков программирования с точки зрения реализации алгоритмических идей в рамках олимпиадного программирования

    Статья посвящена сравнительному анализу языков программирования, используемых на олимпиадах по информатике...

    Разработка урока по теме "Языки программирования. Условные предложения", 3 курс, специальность 09.02.03 Программирование в компьютерных системах

    Данный урок направлен на активизацию лексического материала по теме "Языки программирования" и ознакомление с грамматическим материалом по теме "Условные предложения второго типа"....