23.07.2020

Html input значение в поле. Какие значения могут быть записаны в атрибут


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

Для li элементов, то value атрибута задает значение упорядоченного элемента списка. Следующие элементы списка будут увеличиваться из этого числа.

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

Для элементов из параметров, то value атрибута указывает значение Элемента.

Относится к

type атрибута может быть использовано на следующих элементах:

элементы Атрибут
value
value
  • value
    value
    value
    value

    Примеры

    Button Пример

    Две кнопки с одинаковыми именами, которые представляют различные значения при нажатии:


    Choose your favorite subject:


    Попробуй сам "

    Input пример

    HTML форма с начальными значениями (по умолчанию):


    First name:

    Last name:


    Попробуй сам "

    Li Пример

    Использование value атрибута в упорядоченном списке:


    1. Coffee

    2. Milk

    3. Water

    4. Juice

    5. Beer

    Попробуй сам "

    Пример Вариант

    Выпадающий список внутри HTML-формы:




    Попробуй сам "

    Param Пример

    Установите "autoplay" параметр в "true" , так что звук начнет воспроизводиться, как только при загрузке страницы:


    Попробуй сам "

    Поддержка браузеров

    Value атрибута имеет следующую поддержку браузера для каждого элемента:

    Элемент
    button да да да да да
    input 1,0 2,0 1,0 1,0 1,0
    li да да да да да
    option да да да да да
    progress 8.0 10,0 16,0 6.0 11,0
    param да да да да да

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

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

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

    Синтаксис

    Значения

    Любая текстовая строка.

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

    Пример

    INPUT, атрибут value

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

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

    Браузеры

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

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

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

    Атрибут value

    Атрибут value , тега , используется для начальной установки значения поля формы. Перед отправкой данных формы на сервер браузер образует из каждого поля пару имя=значение , где имя указывается атрибутом name , а значение - value . Получив информацию, сервер запускает программу-обработчик и передает данные ей. В свою очередь, эта программа определяет по именам полей значение каждого из них и обрабатывает. Если у нескольких полей одинаковые имена, то программа может идентифицировать каждое поле непосредственно по значению атрибута value .

    Начальные значения элементов формы кроме своего основного предназначения (данные для сервера) играют в текстовых полях и кнопках дополнительную роль. В кнопках (кроме type= "image" ) значения атрибута value пишутся на их поверхностях, по сути, являясь названием кнопки, по которой пользователь может понять ее предназначение. А в текстовых полях формы они изначально отображаются в самом поле. Например, это может служить подсказкой пользователю о том, что вводить в данную строку.

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

    Значения

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

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

    Синтаксис

    Обязательный атрибут: нет.

    Пример HTML: применение атрибута value

    seodon.ru - Тег INPUT, атрибут value


    Введите пароль:

    Поддержка версиями HTML

    Версия: HTML 4.01 HTML 5 XHTML 1.0 XHTML 1.1
    Поддержка: Да Да Да Да

    Поддержка браузерами

    Браузер: Internet Explorer Google Chrome Mozilla Firefox Opera
    Версия: 6.0 и выше 2.0 и выше 2.0 и выше 9.2 и выше 3.1 и выше
    Поддержка: Да Да Да Да Да

    Для чего используется?

    Прописывает значение для кнопок, которое будет отправлено на сервер для обработки. Принцип конструкции, которая будет отправляется на сервер, выглядит следующим образом: «название=значение». Эта конструкция в свою очередь делится на 2 составляющие. Первое - название, задается атрибутом , а второе - значение, ему соответствует атрибут value . Также посредством этого атрибута производят обращение к объекту через скрипт.

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

    В случае использования атрибута в - показывает значение параметра. Это значение не должно выходить за пределы установленного диапазона.

    Как правильно задавать?

    < button value= "значение" > Название кнопки

    Какие значения могут быть записаны в атрибут?

    Комбинация латинских букв или цифр.

    В каких тегах применяется?

    Пример использования

    < head> < meta charset= "utf-8" > < title> Атрибут value < body> < form action= "mail.php" > < p>< input type= "text" name= "user" > < p>< button value= "send" name= "hidden" type= "submit" > Переслать


    © 2024
    maccase.ru - Android. Бренды. Железо. Новости