САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут name


Определение и использование

Атрибут name указывает имя элемента.

Атрибут name может использоваться для ссылки на элемент в JavaScript.

Для элементов формы он также используется в качестве эталона при отправке данных,

Для элемента iframe он может быть использован для назначения формы отправки.

Для элемента map атрибут name связывается с атрибутом usemap <img> и создает связь между изображением и картой.

Для элемента meta атрибут name указывает имя для информации/значения content атрибут.

Для элемента param атрибут name используется вместе с атрибутом value, чтобы указать параметры для плагина, указанного с тегом <object>.


Относится к

Атрибут name можно использовать для следующих элементов:

Элементы Атрибут
<button> name
<fieldset> name
<form> name
<iframe> name
<input> name
<map> name
<meta> name
<object> name
<output> name
<param> name
<select> name
<textarea> name

Примеры

Пример

Две кнопки с одинаковыми именами, которые передают разные значения при нажатии:

<form action="/action_page.php" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>
Попробуйте сами »

Fieldset Пример

<fieldset> с атрибутом имени:

<fieldset name="personalia">
  Name: <input type="text"><br>
  Email: <input type="text"><br>
</fieldset>
Попробуйте сами »

Form Пример

HTML-форма с атрибутом имени:

<form action="/action_page.php" method="get" name="myForm">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="button" onclick="formSubmit()" value="Send form data!">
</form>
Попробуйте сами »

Iframe Пример

<iframe>, который служит целью для ссылки:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<a href="http://www.progtutorial.com/" target="iframe_a">PROGtutorial</a>
Попробуйте сами »

Input Пример

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка отправки:

<form action="/action_page.php">
  Name: <input type="text" name="fullname"><br>
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

Map Пример

Карта-изображение с интерактивными областями:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Попробуйте сами »

Meta Пример

Используйте атрибут name, чтобы определить описание, ключевые слова и автора документа HTML:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Попробуйте сами »

Object Пример

Элемент <object> с атрибутом name:

<object data="helloworld.swf" width="400" height="400" name="obj1"></object>
Попробуйте сами »

Output Пример

Выполните расчет и покажите результат в элементе <output>:

<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>
Попробуйте сами »

Param Пример

Установите параметр "autoplay", в значение "true", поэтому звук начнет воспроизводиться сразу после загрузки страницы:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Попробуйте сами »

Select Пример

Раскрывающийся список с атрибутом name:

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Попробуйте сами »

Textarea Пример

Текстовая область с атрибутом name:

<form action="/action_page.php">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>
Попробуйте сами »

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

Атрибут multiple имеет следующую поддержку браузера для каждого элемента:

Элемент
button Yes Yes Yes Yes Yes
fieldset Yes Not supported Yes Yes Yes
form Yes Yes Yes Yes Yes
iframe Yes Yes Yes Yes Yes
input 1.0 2.0 1.0 1.0 1.0
map Yes Yes Yes Yes Yes
meta Yes Yes Yes Yes Yes
object Yes Yes Yes Yes Yes
output 10.0 Not supported 4.0 5.1  11.0
param Yes Yes Yes Yes Yes
select Yes Yes Yes Yes Yes
textarea Yes Yes Yes Yes Yes