tutoriais mais recente desenvolvimento web
 

HTML name Attribute


Definição e Uso

O name atributo especifica um nome para o elemento.

Este atributo nome pode ser usada para referenciar o elemento em um JavaScript.

Para elementos de formulário também é utilizado como referência quando os dados são apresentados,

Para elemento iframe ele pode ser usado para atingir um envio do formulário.

Para o elemento de mapa, o name atributo é associado com o <img>'s usemap atributo e cria uma relação entre a imagem e o mapa.

Para o elemento meta, o name atributo especifica um nome para a informação / valor do content atributo.

Para o elemento param, o name atributo é usado em conjunto com o value do atributo para especificar parâmetros para o plugin especificado com o <object> tag.


Aplica-se a

O name atributo pode ser usado nos seguintes elementos:

elementos Atributo
<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

Exemplos

Exemplo

Duas teclas com nomes iguais, que apresentarem valores diferentes quando clicado:

<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>
Tente você mesmo "

Fieldset Exemplo

Um <fieldset> com um name atributo:

<fieldset name="personalia">
  Name: <input type="text"><br>
  Email: <input type="text"><br>
</fieldset>
Tente você mesmo "

Form Exemplo

Um formulário HTML com um name atributo:

<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>
Tente você mesmo "

Iframe Exemplo

Um <iframe> que agir como um alvo para um link:

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

<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Tente você mesmo "

Input Exemplo

Um formulário HTML com três campos de entrada; dois campos de texto e um botão de envio:

<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>
Tente você mesmo "

Keygen Exemplo

Um formulário com um campo keygen:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security">
  <input type="submit">
</form>
Tente você mesmo "

Map Exemplo

Uma imagem-mapa, com áreas clicáveis:

<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>
Tente você mesmo "

Meta Exemplo

Use o name atributo para definir uma descrição, palavras-chave, e autor de um documento HTML:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Tente você mesmo "

Object Exemplo

Um <object> elemento com um name atributo:

<object data="helloworld.swf" width="400" height="400" name="obj1"></object>
Tente você mesmo "

Output Exemplo

Executar um cálculo e mostrar o resultado em uma <output> elemento:

<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>
Tente você mesmo "

Param Exemplo

Defina o "autoplay" parâmetro para "true" , de modo que o som irá começar a tocar assim que a página é carregada:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Tente você mesmo "

Select Exemplo

A lista drop-down com um name atributo:

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Tente você mesmo "

Textarea Exemplo

Uma área de texto com um name atributo:

<form action="demo_form.asp">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>
Tente você mesmo "

Suporte a navegadores

O multiple atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
button sim sim sim sim sim
fieldset sim Não suportado sim sim sim
form sim sim sim sim sim
iframe sim sim sim sim sim
input 1.0 2.0 1.0 1.0 1.0
keygen sim Não suportado sim 6 sim
map sim sim sim sim sim
meta sim sim sim sim sim
object sim sim sim sim sim
output 10.0 Não suportado 4.0 5.1 11.0
param sim sim sim sim sim
select sim sim sim sim sim
textarea sim sim sim sim sim