Definición y Uso
El name atributo especifica un nombre para el elemento.
Este atributo nombre se puede utilizar para hacer referencia al elemento en un JavaScript.
Para los elementos de formulario también se utiliza como referencia cuando se envían los datos,
Para el elemento de marco flotante que puede ser utilizado para dirigirse a un envío del formulario.
Para el elemento de mapa, el name atributo está asociado con el <img>'s usemap atributo y crea una relación entre la imagen y el mapa.
Para el elemento meta, el name atributo especifica un nombre para la información / valor del content atributo.
Para el elemento param, el name atributo se utiliza junto con el value atributo para especificar los parámetros para el plugin especificado con el <object> etiqueta.
Se aplica a
El name atributo se puede usar en los siguientes 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 |
Ejemplos
Ejemplo
Dos botones con nombres iguales, que presentan valores diferentes cuando se hace clic:
<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>
Inténtalo tú mismo " Fieldset Ejemplo
Un <fieldset> con un name atributo:
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
Inténtalo tú mismo " Form Ejemplo
Un formulario HTML con un 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>
Inténtalo tú mismo " Iframe Ejemplo
Un <iframe> que actúe como un destino para un enlace:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Inténtalo tú mismo " Input Ejemplo
Un formulario HTML con tres campos de entrada; dos campos de texto y un botón de envío:
<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>
Inténtalo tú mismo " Keygen Ejemplo
Un formulario con un campo keygen:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Inténtalo tú mismo " Map Ejemplo
Una imagen-mapa, se puede hacer clic con áreas:
<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>
Inténtalo tú mismo " Meta Ejemplo
Utilice el name atributo para definir una descripción, palabras clave, y el autor de un documento HTML:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Inténtalo tú mismo " Object Ejemplo
Un <object> elemento con un name atributo:
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> Inténtalo tú mismo " Output Ejemplo
Realizar un cálculo y mostrar el resultado en un <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>
Inténtalo tú mismo " Param Ejemplo
Establecer la "autoplay" parámetro a "true" , por lo que el sonido comenzará a reproducirse en cuanto se carga la página:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Inténtalo tú mismo " Select Ejemplo
Una lista desplegable con un 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>
Inténtalo tú mismo " Textarea Ejemplo
Un área de texto con un name atributo:
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
Inténtalo tú mismo " Soporte para el navegador
El multiple atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| button | Sí | Sí | Sí | Sí | Sí |
| fieldset | Sí | No soportado | Sí | Sí | Sí |
| form | Sí | Sí | Sí | Sí | Sí |
| iframe | Sí | Sí | Sí | Sí | Sí |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | Sí | No soportado | Sí | 6.0 | Sí |
| map | Sí | Sí | Sí | Sí | Sí |
| meta | Sí | Sí | Sí | Sí | Sí |
| object | Sí | Sí | Sí | Sí | Sí |
| output | 10.0 | No soportado | 4.0 | 5.1 | 11.0 |
| param | Sí | Sí | Sí | Sí | Sí |
| select | Sí | Sí | Sí | Sí | Sí |
| textarea | Sí | Sí | Sí | Sí | Sí |