Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


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>)

Пример HTML:

Попробуй сам
<object data="shar.swf" height="400" width="400" name="obj1"></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:

Попробуй сам
<textarea rows="5" cols="50" name="comment">
Введите текст...
</textarea>

Спецификации

Спецификация Статус
HTML 4.01 (W3C) Рекомендация
HTML 5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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

Элемент
<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

HTML уроки: HTML Атрибуты