| Элемент | ||||||
| <button> | 4+ | 1+ | 6+ | Да | 1+ | 11+ |
| <fieldset> | Да | Да | Да | Да | Да | |
| <form> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <iframe> | 4+ | 1+ | 4+ | 1+ | 1+ | 1+ |
| <input> | 2+ | 1+ | 1+ | 1+ | 1+ | 1+ |
| <keygen> | Да | Да | Да | 6+ | Да | |
| <map> | 1+ | 1+ | 1+ | 1+ | 1+ | 1+ |
| <meta> | 2+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <object> | Да | Да | Да | Да | Да | Да |
| <output> | 10+ | 11+ | Да | 5.1+ | 4+ | |
| <param> | 3+ | 1+ | 4+ | 1+ | 1+ | 1+ |
| <select> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <textarea> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
HTML Атрибут name
Атрибут name (от англ. "name" ‒ «имя, название») присваивает уникальное имя элементу:
- для <button> определяет уникальное имя кнопки. Как правило, это имя используется при отправке значения кнопки на сервер или для доступа к кнопке через скрипты;
- для <fieldset> присваивает общее имя всем элементам формы вложенным в fieldset. Общее имя используется для доспупа к элементам;
- для <form> присваивает форме уникальное имя, которое может быть использовано таблицами стилей или скриптами;
- для <iframe> присваивает уникальное имя встроенному фрейму. Уникальное имя фрейма в дальнейшем может быть использовано гиперссылками для загрузки в фрем определённых ресурсов;
- для <meta> устанавливает идентификатор метатега для пары «имя=значение». Одновременно использовать атрибуты name и http-equiv не допускается;
- для <input> присваивает элементу формы имя, которое может быть использовано скриптами или серверным обработчиком данных формы (для опознавания элемента);
- для <map> задаёт уникальное имя карте изображения. Значение атрибута name элемента <map> должно соответствовать имени в usemap. При этом значение атрибута usemap у <img> начинается с символа решётки.
Синтаксис
<[элемент] name="<имя>">...</[элемент]>
Значения
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в атрибуте name.
Значение по умолчанию
Нет.
Применяется к тегам
| Элементы | Атрибуты |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <keygen> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
Различия между HTML 4.01 и HTML5
Нет.
Примеры использования:
Атрибут name (Элемент <button>)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get">
Выберите любимый предмет:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
Атрибут name (Элемент <fieldset>)
Пример HTML:
Попробуй сам<fieldset name="person">
Имя: <input type="text" name="firstname"><br>
Email: <input type="text" name="email"><br>
</fieldset>
Атрибут name (Элемент <form>)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get" name="myForm">
Имя: <input type="text" name="firstname"><br>
Фамилия: <input type="text" name="lastname"><br>
<input type="button" onclick="formSubmit()" value="Отправить">
</form>
Атрибут name (Элемент <iframe>)
Пример HTML:
Попробуй сам<iframe src="demo_iframe.html" name="iframe"></iframe>
<a href="http://www.wm-school.ru" target="iframe">wm-school.ru</a>
Атрибут name (Элемент <input>)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get">
Имя: <input type="text" name="firstname"><br>
Фамилия: <input type="text" name="lastname"><br>
<input type="submit" value="Отправить">
</form>
Атрибут name (Элемент <keygen>)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get">
Логин: <input type="text" name="login">
Шифрование: <keygen name="security">
<input type="submit">
</form>
Атрибут name (Элемент <map>)
Пример HTML:
Попробуй сам<img src="images/foto_elem.jpg" alt="Карта изображений" style="width:450px;height:292px;" usemap="#mykarta">
<map name="mykarta">
<area shape="rect" coords="133,163,414,252"
title="Зажигалка" href="javascript:alert('Это прямоугольная ссылка');">
<area shape="circle"" coords="58,158,40"
title="Монета" href="javascript:alert('Вы выбрали круг');">
<area shape="poly" coords="133,62,278,59,284,24,407,22,410,130,285,134,278,96,133,95"
title="Ключ от авто" href="images/auto500.jpg" target=_blank>
</map>
Атрибут name (Элемент <meta>)
Пример HTML:
Попробуй сам<head>
<meta name="description" content="Описание документа...">
<meta name="keywords" content="Ключевые слова...">
<meta name="author" content="Автор документа...">
</head>
Атрибут name (Элемент <object>)
Атрибут name (Элемент <output>)
Пример HTML:
Попробуй сам<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>Атрибут name (Элемент <param>)
Пример HTML:
Попробуй сам<object data="document.html" type="text/html">
<param name="bgcolor" value="#ffeeaa">
</object>Атрибут name (Элемент <select>)
Пример HTML:
Попробуй сам<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>Атрибут name (Элемент <textarea>)
Спецификации
| Спецификация | Статус |
|---|---|
| HTML 4.01 (W3C) | Рекомендация |
| HTML 5 (W3C) | Рекомендация |
| HTML 5.1 (W3C) | Рекомендация |
Поддержка браузерами
Учебник HTML
HTML уроки: HTML Атрибуты
