Input value html: : The Input (Form Input) element — HTML: HyperText Markup Language

seodon.ru | Теги HTML — Тег INPUT

  • <INPUT>Aтрибуты
  • Личные:
  • align
  • alt
  • autocomplete
  • checked
  • disabled
  • maxlength
  • name
  • readonly
  • size
  • src
  • type
  • value
  • Общие:
  • accesskey
  • class
  • dir
  • id
  • lang
  • style
  • tabindex
  • title

Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

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

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

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

Значения

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

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

Синтаксис

<input value="значение">

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. 01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег INPUT, атрибут value</title>
 </head>
 <body>
  <form action="files/questions.php">
   <p>
    <input type="text" name="name" size="30" value="Введите имя"><br>
    Введите пароль:<br>
    <input type="password" name="password" size="30" value="qqqqqqq"></p>
   <p><input type="submit" name="ok" value="Отправить">
      <input type="reset" value="Очистить"></p>
  </form>
 </body>
</html>

Результат примера

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

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

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6. 0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

HTML | входное значение Атрибут

Улучшить статью

Сохранить статью

  • Уровень сложности: Базовый
  • Последнее обновление: 16 апр, 2019

  • Читать
  • Обсудить
  • Улучшить статью

    Сохранить статью

    Атрибут value для элемента

    в HTML используется для указания начального значения элемента ввода. Он имеет разное значение для разных типов ввода:

    • Свойства «кнопка», «сброс» и «отправить» определяют текст на кнопке.
    • Свойства «текст», «пароль» и «скрытый» задают начальное значение поля ввода.
    • Свойство «флажок», «радио» и «изображение» указывает значение, связанное с вводом.

    Синтаксис:

      

    Значение атрибута: Содержит одно значение text , которое определяет значение элемента ввода.

    Пример 1: В этом примере описывается атрибут значения .

    < html >

       

    < head >

         < title >Атрибут входного значения HTML title >

    head >

       

    < body style = "text-align:center" >

           

         < h2 стиль = "цвет:зеленый;" >

             GeeksforGeeks

         h2 >

               

         < h3 >

             HTML input value Attribute

         h3 >

               

         Ввод: < ввод тип 5 = 0003

                 value = "GeeksforGeeks" >

    body >

       

    html >                    

    Вывод:

    Пример 2: В этом примере описывается атрибут значения .

    < html >

       

    < head >

         <

    title >HTML input value Атрибут title >

    head >

         

    0055 body style = "text-align:center" >

           

         < h2 style = "color:green;" >

    Geeksforgeeks

    H2 >

    9005 9595959595959595959549549549549544444444444444444444444444444444444P.

    0055 < h3 >

             HTML input value Attribute

         h3 >

                

         < input type = "кнопка" значение = "Отправить" >

    тело >

    HTML >

    Выход:
    9

    9

    :
    9

    9

    . 100003

    Поддерживаемые входные значения

    СледующийПредыдущий

    Поддерживаемые значения для элемента ввода описаны здесь.

    Safari поддерживает множество различных типов ввода. Их можно указать с помощью атрибута type элемента input . Эти типы ввода перечислены ниже.

    кнопка

    Тип ввода кнопки. Более универсальна, чем кнопка отправки.

    флажок

    Стандартный флажок.

    цвет

    Элемент управления вводом для указания значения цвета RGB. Пользователь может выбрать цвет из цветового колодца.

    date

    Элемент управления вводом для указания значения даты. Пользователь может выбрать месяц, день месяца и год. В отличие от datetime , date не предлагает время суток.

    Наличие

    Доступно для iOS 5.0 и более поздних версий.

    дата-время

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

    Наличие

    Доступно для iOS 5. 0 и более поздних версий.

    datetime-local

    Элемент управления вводом для указания значения даты и времени, формат которого зависит от языкового стандарта.

    Наличие

    Доступно для iOS 5.0 и более поздних версий.

    электронная почта

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

    Наличие

    Доступно для iOS.

    файл

    Интерфейс загрузки файлов.

    hidden

    Скрытый тип ввода (для хранения значений без их отображения на странице). Обратите внимание, что ввод по-прежнему можно увидеть в исходном коде страницы.

    image

    Изображение, которое действует как вход.

    месяц

    Элемент управления вводом для выбора месяца.

    Наличие

    Доступно для iOS 5. 0 и более поздних версий.

    номер

    Текстовое поле для ввода номера. Вызывает клавиатуру с цифровой панелью для iOS. Указание шаблона ввода \d* или [0-9]* эквивалентно использованию этого типа.

    Доступность

    Доступно для iOS.

    пароль

    Визуально защищенное поле пароля.

    Радио

    Радиокнопка.

    Диапазон

    Ползунок. Его минимальное значение должно быть установлено с помощью атрибута min , его максимальное значение должно быть установлено с помощью max , а размер его дискретного шага должен быть установлен с помощью шага .

    Уровень поддержки

    Расширение Apple.

    сброс

    Кнопка сброса формы.

    поиск

    Поле поиска. Использует атрибуты onsearch , incremental , placeholder , autosave и results в дополнение к стандартным атрибутам HTML.

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

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