Атрибут name задаёт имя группы, созданной с помощью элемента <fieldset>. Такое имя предназначено для обращения к группе через JavaScript, к примеру, для изменения стиля <fieldset> в зависимости от выполненных условий.
Синтаксис
<fieldset name="<имя>">
...
</fieldset>
Значения
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>fieldset</title>
<style>
legend {
background-color: #333; /* Цвет фона */
color: #fff; /* Цвет текста */
}
</style>
<script>
function checkQuestion(f) {
if (f.answer.value == '1812') f.question.style.backgroundColor = '#cae5ca';
else f.question.style.backgroundColor = '#f2c5b4';
}
</script>
</head>
<body>
<form>
<fieldset name="question">
<legend>Вопрос</legend>
<p>В каком году произошла Отечественная война 1812 года?</p>
<p><label><input type="radio" name="answer" value="1812"> 1812</label></p>
<p><label><input type="radio" name="answer" value="1918"> 1918</label></p>
<p><label><input type="radio" name="answer" value="1941"> 1941</label></p>
<p><button type="button" onclick="checkQuestion(this.form)">Проверить</button></p>
</fieldset>
</form>
</body>
</html>
В данном примере при щелчке по кнопке цвет фона группы меняется в зависимости от того, правильно выбран ответ или нет.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.