Что это в html
Перейти к содержимому

Что это в html

  • автор:

Атрибут value

Атрибут value задает значение по умолчанию для поля ввода HTML формы. Оно будет автоматически вставлено в него при заходе на страницу.

Применяется к тегам input , option и другим.

Текстовый инпут

В случае текстового поля ввода input содержимое атрибута value будет задавать видимый в поле текст по умолчанию (его можно будет удалить и написать свой).

Кнопка

В случае, если атрибут применяется к кнопке, созданной через тег input с атрибутом type в значениях button, submit или reset, атрибут value будет задавать текст кнопке.

Чекбокс

В случае, если атрибут применяется к чекбоксу внешних изменений наблюдаться не будет, но отмеченный чекбокс будет посылать на сервер содержимое этого атрибута. Если атрибута value у чекбокса нет — он будет посылать строку ‘on’ . Если чекбокс не отмечен — ничего не будет присылаться на сервер не зависимо от наличия атрибута value .

Радио переключатель

Для группы радио переключателей необходимо задавать разные значения атрибута value , чтобы после отправки на сервер, PHP мог определить, какой из переключателей был выбран.

Тег option

В случае, если тегу option не задан атрибут value , то на сервер будет отправляться содержимое тега option (то, что между открывающим). Если же атрибут задан — будет отправлено его содержимое.

Пример

Давайте полю ввода установим текст по умолчанию:

Что это в html

Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for элемента . При втором способе элемент формы помещается внутрь контейнера .

Синтаксис

">Текст 

Атрибуты

for Идентификатор элемента, с которым следует установить связь.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

Примечание

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

IE до версии 8.0 включительно корректно работает с только при наличии в нём текста. Если добавить изображение ( ), то активировать поле формы щелчком по картинке нельзя.

Спецификация

Спецификация Статус
HTML Living Standard Живой стандарт
HTML 4.01 Specification Заменённая рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

3 12 1 15 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Аккордеон меню
  • Вкладки на CSS
  • Выпадающее меню
  • Использование :checked
  • Подсказка в поле формы
  • Пользовательские формы
  • Стилизация переключателей
  • Стилизация флажков
  • Формы в Bootstrap 4
  • Формы в HTML
  • Элемент label

Атрибут value

В примере ниже нумерация элементов списка начнётся с 5:

А в этом примере в поле ввода уже будет написано «Дока»:

    Название лучшего справочника по вебу:   form> label> Название лучшего справочника по вебу: input type="text" value="Дока"> label> button type="submit">Соглашусь!button> form>      

Как пишется

Скопировать ссылку «Как пишется» Скопировано

Скопировать ссылку «button» Скопировано

Если указать у кнопки атрибут value с каким-то значением, то это значение будет передано на сервер в момент отправки данных из формы. На сервер передаётся пара «имя=значение». Имя кнопки можно задать атрибутом name .

В примере ниже вместе с данными формы на сервер отправится информация «diversion=Нет!»:

    Соглашаетесь с нашими правилами?   form> label> Соглашаетесь с нашими правилами? input type="checkbox" name="agreement"> label> button type="submit" value="Нет!" name="diversion">Соглашаюсьbutton> form>      

Скопировать ссылку «option» Скопировано

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

Скопировать ссылку «data» Скопировано

Для тега атрибут value является обязательным. В нём указывается понятная для компьютера информация.

Например, в интернет-магазине у каждого товара есть идентификатор. Можно указать его в качестве значения атрибута value :

    Модный телефон   Нужный компьютер   Классный телефон   Удобный телефон   Нормальный телефон   ul> li> data value="item001">Модный телефонdata> li> li> data value="item002">Нужный компьютерdata> li> li> data value="item003">Классный телефонdata> li> li> data value="item004">Удобный телефонdata> li> li> data value="item005">Нормальный телефонdata> li> ul>      

Скопировать ссылку «input» Скопировано

Атрибут value задаёт значение по умолчанию для поля ввода. Это значение будет передано на сервер в момент отправки формы. Поскольку у тега большой список разных типов, то и атрибут в каждом конкретном случае имеет своё значение:

  • Для инпутов с типами button , reset , и submit задаёт текст на кнопке.
  • Для типов text , password , и hidden задаёт начальное значение. В первых двух случаях пользователь сможет стереть его и написать что-то своё.
  • Для типов checkbox , radio , и image — задаёт отправляемое на сервер значение, которое пользователь поменять не может.

Атрибут value можно задать для инпута любого типа, кроме file .

Скопировать ссылку «li» Скопировано

Скопировать ссылку «meter» Скопировано

Атрибут value определяет текущее значение элемента. Обязательно должно быть числом. Если атрибут не задан, то текущее значение равно 0.

 meter max="100" min="0" value="50">meter>      

Скопировать ссылку «progress» Скопировано

Поскольку тег показывает процесс выполнения какого-то действия, то атрибут value в данном случае показывает, сколько от задачи выполнено в данный момент. Значение должно быть числом.

 70% progress id="file" max="100" value="70">70%progress>      

Что это в html

Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

HTML 4.01 IE Cr Op Sa Fx

    Тег I  

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Результат данного примера продемонстрирован на рис. 1.

Рис. 1

Рис. 1. Вид курсивного текста

Примечание

Хотя использование тега не осуждается в HTML, применение стилей предоставляет больше возможностей по управлению начертанием текста.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *