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

Атрибут value

Атрибут value, тега <OPTION>, применяется для указания начального значения элемента выпадающего списка. Потом, в процессе взаимодействия с пользователем или со скриптами, это значение может быть временно изменено.

Значение атрибута value может использоваться скриптами. Также будет отсылаться вместе с другими данными на сервер, если выпадающий список используется внутри формы, созданной тегом <FORM>. При этом перед отправкой, браузером будут созданы пары имя=значение, где имя указывается атрибутом name тега <SELECT>, а значение — атрибутом value тега <OPTION>. Но значения value берутся только тех элементов выпадающего списка, которые являются выбранными пользователем, остальные игнорируются.

Значения

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

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

Синтаксис

<option value="значение">...</option>

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег OPTION, атрибут value</title>
  <script type="text/javascript">
   function foncolor() {
    var color_n;
    var sel=document.getElementsByName("colors");
    var color=sel[0].options[sel[0].selectedIndex].value;
	if(color=="red")color_n="красный";
	else{if (color=="green") color_n="зеленый";else color_n="синий";}
    document.bgColor=color;
    alert("Ваш любимый цвет " + color_n + "!");
   }
  </script>
 </head>
 <body>
   <p><select name="colors">
    <option value="red">Красный</option>
    <option value="green">Зеленый</option>
    <option value="blue">Синий</option>
   </select>
   <input type="submit" onClick="foncolor()" value="Ok"></p>
 </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 и выше
Поддержка:ДаДаДаДаДа