HTML Атрибут name
Определение и использование name
Атрибут name указывает имя элемента.
Атрибут name можно использовать для ссылки на элемент в JavaScript.
Для элемента form, атрибут name также используется в качестве ссылки при представлении данных.
Для элемента iframe, атрибут name может использоваться для целевой отправки формы.
Для элемента map, атрибут name связан с <img> атрибут usemap создает связь между изображением и картой.
Для элемента meta, атрибут name задает имя для информации / значения атрибута content.
Для элемента param, атрибут name используется вместе с атрибутом value для задания параметров плагина, указанного в теге <object>.
Применение name
Атрибут 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 |
Примеры 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> с атрибутом name:
<fieldset name="personalia">
Имя: <input type="text"><br>
Эл.Почта: <input type="text"><br>
</fieldset>
Попробуйте сами »
Форма 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 src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="https://www.schoolsw3.com" target="iframe_a">SchoolsW3.com</a>
Попробуйте сами »
форма HTML с тремя полями ввода; два текстовых поля и одна кнопка отправки:
<form action="/action_page.php">
Имя: <input type="text" name="fullname"><br>
Эл.Почта: <input type="text" name="email"><br>
<input type="submit" value="Отправить">
</form>
Попробуйте сами »
Изображение-карта с кликабельными областями:
<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>
Попробуйте сами »
Атрибут name используется для определения описания, ключевых слов и автора документа HTML:
<head>
<meta name="description" content="Бесплатные веб учебники">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Щипунов Андрей">
</head>
Попробуйте сами »
Элемент <object> с атрибутом name :
<object data="helloworld.swf" width="400" height="400"name="obj1"></object>
Попробуйте сами »
Выполните расчет и покажите результат в элементе <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>
Попробуйте сами »
Установите "autoplay" параметр к "true", таким образом, звук начнет играть, как только страница будет загружаться:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Попробуйте сами »
Раскрывающийся список с атрибутом name:
<select name="cars">
<option value="вольво">Вольво</option>
<option value="сааб">Сааб</option>
<option value="опель">Опель</option>
<option value="ауди">Ауди</option>
</select>
Попробуйте сами »
Текстовое поле с атрибутом name:
<form action="/action_page.php">
<textarea name="comment">Введите текст здесь...</textarea>
<input type="submit">
</form>
Попробуйте сами »
Поддержка браузеров name
Атрибут 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 | Да | Да | Да | Да | Да |