Студопедия

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

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

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






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

    • Работа с тегами форм


    ⇐ ПредыдущаяСтр 2 из 2




    В HTML существует три тега для создания различного типа полей в форме: < TEXTAREA> , < SELECT> и < INPUT> . Любое их количество может быть размещено в контейнере между тегами < FORM> и < /FORM> . Ниже в таблице 17 отражено их краткое описание, а подробнее они будут рассмотрены чуть позже.

    Таблица 2

    Тег Назначение
    < TEXTAREA> Определяет поле, в которое пользователь вводит многострочную текстовую информацию
    < SELECT> Позволяет пользователю сделать выбор в окне с полосой прокрутки, либо в раскрывающемся меню
    < INPUT> Обеспечивает некоторые другие виды ввода информации: ввод одной строки текста, установку и сброс флажков (check boxes), выбор переключателя (radio buttons) и нажатие кнопки для отправки данных или очистки формы

    Тег < TEXTAREA>

    Этот тег предназначен для построения поля с целью ввода многострочной текстовой информации. В контейнере TEXTAREA допускается размещать любой текст, который будет выведен в поле ввода по умолчанию. Перечислим атрибуты этого тега.

    Таблица 3

    Атрибут Назначение
    NAME Определяет название поля; обязателен
    ROWS Устанавливает высоту поля, т. е. число строк в нем
    COLS Устанавливает ширину поля, т. е. длину строки

    Пример:

    < HTML> < BODY> < FORM> < TEXTAREA> Какой-то текст < /TEXTAREA> < /FORM> < /BODY> < /HTML>

     

    При помощи атрибутов ROWS и COLS можно задать поле любого размера. Хотя эти атрибуты не являются обязательными, они не имеют определенных значений по умолчанию (для каждого броузера эти значения различны), поэтому лучше их всегда указывать явно.

    Тег < SELECT>

    Этот тег используется для создания всплывающего меню или списка опций с полосой прокрутки. Список опций и пункты меню располагаются внутри контейнера SELECT. Аналогично тегу < TEXTAREA> , < SELECT> требует обязательного определения имени в атрибуте NAME. Количество опций указывается в атрибуте SIZE. Ниже в таблице 19 перечислены атрибуты тега < SELECT> .

    Таблица 4

    Атрибут Назначение
    NAME Определяет название информации
    SIZE Определяет вертикальный размер окна для опций выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опций. Если указано число больше единицы, то опции выводятся в окне с полосой прокрутки. Если значение атрибута больше, чем фактическое количество элементов списка, добавляются пустые строки. При их выборе пользователем возвращаются пустые поля
    MULTIPLE Позволяет выбирать сразу несколько опций

    Список опций включается в контейнер < SELECT> при помощи тега < OPTION> . Этот тег имеет два атрибута, которые описаны в таблице 20.

     

    Таблица 5

    Атрибут Назначение
    VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опции пользователем
    SELECTED Указывает на опцию, выбранную по умолчанию

    Пример:

    Ниже приведено содержимое двух HTML-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут SELECTED).

    < HTML> < BODY> Выберите время года: < FORM> < SELECT NAME=year> < OPTION SELECTED VALUE=" winter" > зима < OPTION VALUE=" spring" > весна < OPTION VALUE=" summer" > лето< OPTION VALUE=" autumn" > осень< /SELECT> < /FORM> < /BODY> < /HTML>

    < HTML> < BODY> Выберите время года: < FORM> < SELECT MULTIPLE NAME=" year" > < OPTION SELECTED VALUE=" winter" > зима< OPTION VALUE=" spring" > весна< OPTION VALUE=" summer" > лето< OPTION VALUE=" autumn" > осень< /SELECT> < /FORM> < /BODY> < /HTML>

    Тег < INPUT>

    Тег < INPUT> в отличие от < TEXTAREA> и < SELECT> является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear).

    Забиваем Сайты В ТОП КУВАЛДОЙ - Уникальные возможности от SeoHammer
    Каждая ссылка анализируется по трем пакетам оценки: SEO, Трафик и SMM. SeoHammer делает продвижение сайта прозрачным и простым занятием. Ссылки, вечные ссылки, статьи, упоминания, пресс-релизы - используйте по максимуму потенциал SeoHammer для продвижения вашего сайта.
    Что умеет делать SeoHammer
    — Продвижение в один клик, интеллектуальный подбор запросов, покупка самых лучших ссылок с высокой степенью качества у лучших бирж ссылок.
    — Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта.
    — Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы).
    — SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание.
    SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней.
    Зарегистрироваться и Начать продвижение

    Тег < INPUT> располагает следующими атрибутами.

    Таблица 6

    Атрибут Назначение
    NAMESIZE Указывает размер поля ввода в символах
    MAXLENGTH Определяет максимально возможное число символов, вводимых в поле
    VALUE Для текстового поля определяет текст, выводимый по умолчанию. Для флажков и переключателей указывает значение, возвращаемое программе обработки. Для кнопок отправки и очистки формы определяет надпись на кнопке
    CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С другими типами тегов < INPUT> не употребляется
    TYPE Устанавливает тип поля ввода

    Тип поля ввода, атрибут TYPE

    Атрибут TYPE тега < INPUT> может принимать следующие значения.

    Таблица 7

    Атрибут Назначение
    TEXT Является значением по умолчанию и предполагает создание одной строки для ввода данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный), SIZE, VALUE и MAXLENGTH.
    PASSWORD Позволяет заменять вводимые символы пароля звездочками. Для этого типа поля ввода используются атрибуты NAME (обязательный), SIZE, MAXLENGTH и VALUE.
    CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опции " галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать сразу несколько опций из числа предложенных. Нужно быть очень осторожным в использовании флажков и переключателей, если цвет фона страницы определяется не документом, а пользователем при помощи установок программы просмотра. Нельзя допускать, чтобы опции сливались с фоном страницы.
    RADIO Позволяет выбрать только одну из представленного числа опций. Переключатели можно группировать, задавая одно и то же значение атрибута NAME (обязательный). Так же используются атрибуты VALUE и CHECKED.
    RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset).
    SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отправляются на сервер для обработки программой-скриптом. В атрибуте VALUE может быть указано название для этой кнопки (по умолчанию – Submit Query).

    Пример:

    В следующей форме используется значение TEXT.

    < HTML> < BODY> < FORM> Введите номер телефона: < INPUT TYPE=" TEXT" NAME=" phone" SIZE=" 15" MAXLENGTH=" 12" > < /FORM> < /BODY> < /HTML>

     

    Пример:

    Использование значения PASSWORD.

    < HTML> < BODY> < FORM> Введите секретное слово: < INPUT TYPE=" password" NAME=" secret_word" SIZE=" 30" MAXLENGTH=" 30" > < /FORM> < /BODY> < /HTML>

     

    Пример:

    Использование значения CHECKBOX.

    < HTML> < BODY> < FORM> < INPUT TYPE=" checkbox" NAME=" checkbox1" VALUE=" checkbox_value1" > Вариант< BR> < INPUT TYPE=" checkbox" NAME=" checkbox2" VALUE=" checkbox_value2" CHECKED> Предварительно выбранный вариант < /FORM> < /BODY> < /HTML>

    Пример:

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

    < HTML> < BODY> < TABLE ALIGN=center BORDER CELLSPACING=10> < TR> < TD> Форма 1: < FORM> < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice1" > yes.< INPUT TYPE=" radio" NAME=" choice" VALUE=" choice2" > no. < /FORM> < /TD> < TD> Форма 2: < FORM> < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice1" CHECKED> yes. < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice2" > no. < /FORM> < /TD> < /TR> < /TABLE> < /BODY> < /HTML>

    Пример:

    В следующей форме используется значение RESET.

    < HTML> < BODY> < FORM> < INPUT TYPE=" reset" > < BR> < INPUT TYPE=" reset" VALUE=" Очистить форму! " > < /FORM> < /BODY> < /HTML>

     

    Пример:

    Использование значения SUBMIT.

    < HTML> < BODY> < FORM> < TEXTAREA> Какой-то текст < /TEXTAREA> < BR> < INPUT TYPE=" submit" VALUE=" Отослать данные! " > < /FORM> < /BODY> < /HTML>


    ⇐ Предыдущая12




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