Атрибут value
Атрибут value, тега <OPTION>, применяется для указания начального значения элемента выпадающего списка. Потом, в процессе взаимодействия с пользователем или со скриптами, это значение может быть временно изменено.
Значение атрибута value может использоваться скриптами. Также будет отсылаться вместе с другими данными на сервер, если выпадающий список используется внутри формы, созданной тегом <FORM>. При этом перед отправкой, браузером будут созданы пары имя=значение, где имя указывается атрибутом name тега <SELECT>, а значение — атрибутом value тега <OPTION>. Но значения value берутся только тех элементов выпадающего списка, которые являются выбранными пользователем, остальные игнорируются.
Значения
Значением атрибута является любая строка текста, заключенная в двойные или одинарные кавычки. Причем, если используются двойные кавычки, то внутри текста можно использовать только одинарные и наоборот.
Значение по умолчанию: нет.
Синтаксис
<option value="значение">...</option>Обязательный атрибут: нет.
Пример 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 - Тег 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.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |