Последние учебники веб-разработки
 

HTML name Attribute

❮ Предыдущая Следующая ❯

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

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

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

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

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

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

Для мета - элемента, то name атрибута задает имя для информации / значения content атрибута.

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

Относится к

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

Примеры

пример

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

<form action="demo_form.asp" 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> с name атрибута:

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

Form Пример

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

<form action="form_action.asp" 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.w3ii.com" target="iframe_a">w3ii.com</a>
Попробуй сам "

Input пример

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

<form action="demo_form.asp">
  Name: <input type="text" name="fullname"><br>
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form>
Попробуй сам "

Keygen Пример

Форма с полем Keygen:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security">
  <input type="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="demo_form.asp">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>
Попробуй сам "

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

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

Элемент
button да да да да да
fieldset да Не поддерживается да да да
form да да да да да
iframe да да да да да
input 1,0 2,0 1,0 1,0 1,0
keygen да Не поддерживается да 6.0 да
map да да да да да
meta да да да да да
object да да да да да
output 10,0 Не поддерживается 4.0 5.1 11,0
param да да да да да
select да да да да да
textarea да да да да да
❮ Предыдущая Следующая ❯