Тег INPUT, атрибут value

Атрибут value

Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задаётся атрибутом name элемента , а значение — атрибутом value .

В зависимости от типа элемента атрибут value выступает в следующей роли:

• для кнопок ( input type=»button | reset | submit» ) устанавливает текстовую надпись на них;
• для текстовых полей ( input type=»password | text» ) указывает предварительно введённую строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введённый в атрибуте value ;
• для флажков и переключателей ( input type=»checkbox | radio» ) уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.
• для файлового поля ( input type=»file» ) не оказывает влияние.

Синтаксис

Значения

Значение по умолчанию

Пример

Браузеры

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

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

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

Источник

Атрибут value

Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега , а значение — атрибутом value .

В зависимости от типа элемента атрибут value выступает в следующей роли:

• для кнопок ( input type=»button | reset | submit» ) устанавливает текстовую надпись на них;
• для текстовых полей ( input type=»password | text» ) указывает предварительно введенную строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введенный в атрибуте value ;
• для флажков и переключателей ( input type=»checkbox | radio» ) уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.
• для файлового поля ( input type=»file» ) не оказывает влияние.

Синтаксис

Применяется

Значения

Значение по умолчанию

       
Как по вашему мнению расшифровывается аббревиатура "ОС"?
 
Офицерский состав Операционная система Большой полосатый мух
  

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Атрибут value

Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега , а значение — атрибутом value .

В зависимости от типа элемента атрибут value выступает в следующей роли:

• для кнопок ( input type=»button | reset | submit» ) устанавливает текстовую надпись на них;
• для текстовых полей ( input type=»password | text» ) указывает предварительно введенную строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введенный в атрибуте value ;
• для флажков и переключателей ( input type=»checkbox | radio» ) уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.
• для файлового поля ( input type=»file» ) не оказывает влияние.

Синтаксис

Применяется

Значения

Значение по умолчанию

       
Как по вашему мнению расшифровывается аббревиатура "ОС"?
 
Офицерский состав Операционная система Большой полосатый мух
  

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Атрибут 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>    Скопировать Скопировано Не удалось скопировать   

Источник