САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Атрибут name



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

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

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

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

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

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

Для элемента 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">
 Выберите свою любимую тему:
 <button name="subject" type="submit" value="HTML">HTML</button>
 <button name="subject" type="submit" value="CSS">CSS</button>
</form>
Попробуйте сами »

Пример Fieldset

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

<fieldset name="personalia">
  Имя: <input type="text"><br>
  Эл.Почта: <input type="text"><br>
</fieldset>
Попробуйте сами »

Пример Form

Форма HTML с атрибутом name:

<form action="/action_page.php"method="get" name="myForm">
 Имя: <input type="text" name="fname"><br>
 Фамилия: <input type="text" name="lname"><br>
 <input type="button" onclick="formSubmit()" value="Отправить данные формы!">
</form>
Попробуйте сами »

Пример Iframe

Элемент <iframe> действует как цель для ссылки:

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

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

Пример Input

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

<form action="/action_page.php">
 Имя: <input type="text" name="fullname"><br>
 Эл.Почта: <input type="text" name="email"><br>
 <input type="submit" value="Отправить">
</form>
Попробуйте сами »

Пример Map

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

<img src="planets.gif"width="145" height="126"alt="Планеты"usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sun.html" alt="Cолнце">
 <area shape="circle" coords="90,58,3" href="mercur.html" alt="Меркурий">
 <area shape="circle" coords="124,58,8" href="venus.html" alt="Венера">
</map>
Попробуйте сами »

Пример Meta

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

<head>
<meta name="description" content="Бесплатные веб учебники">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Щипунов Андрей">
</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="вольво">Вольво</option>
 <option value="сааб">Сааб</option>
 <option value="опель">Опель</option>
 <option value="ауди">Ауди</option>
</select>
Попробуйте сами »

Пример Textarea

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

<form action="/action_page.php">
 <textarea name="comment">Введите текст здесь...</textarea>
 <input type="submit">
</form>
Попробуйте сами »

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

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

Элемент
button Да Да Да Да Да
fieldset Да Не поддерживает Да Да Да
form Да Да Да Да Да
iframe Да Да Да Да Да
input 1.0 2.0 1.0 1.0 1.0
map Да Да Да Да Да
meta Да Да Да Да Да
object Да Да Да Да Да
output 10.0 Не поддерживает 4.0 5.1  11.0
param Да Да Да Да Да
select Да Да Да Да Да
textarea Да Да Да Да Да