The name is used when sending data in a form submission. Different
controls respond differently. For example, you may have several radio
buttons with different ids, but the same name. When submitted, there is
just the one value in the response - the radio button you selected.
Of course, there's more to it than that, but it will definitely get you thinking in the right direction.
-------------
Use
name
attributes for form controls (such as
<input>
and <select>
), as that's the identifier used in the
POST
or
GET
call that happens on form submission.
Use
id
attributes whenever you need to address a particular HTML element with CSS, JavaScript or
a fragment identifier. It's possible to look up elements by name, too, but it's
simpler and more reliable to look them up by ID.
ACUERDATE DEL ATRIBUTO DATA PARA LA ETIQUETA <a> PARA ESPECIFICAR LOS ENLACES INTERNOS O HIBRIDOS
Referencia
http://stackoverflow.com/questions/1397592/difference-between-id-and-name-attributes-in-html
OJO SOLO LOS CAMPOS CON DEFINICION DEL ATRIBUTO NAME SERÁN PASADOS DEL FORMULARIO AL SERVIDOR ADEMAS name: es un identificador (no necesariamente unico) para los elementos de formulario (mediante el metodo post supongo que se refiere,).
The name
attribute is
used to reference form
data after it’s submitted, and
to reference the data using JavaScript on the client side. Unlike the
id
attribute, which must be given a unique value
each time it’s applied to a new form control,
a
name
attribute with a given value may be applied to
numerous form controls (although in practice this approach is
only ever seen in use with radio input
buttons). Note that only form
elements which have a
name
attribute will have their values passed
through to the page or script specified in the form
’s
action
attribute.
referencia
http://reference.sitepoint.com/html/input/name
RESPUESTA A PORQUE NO UTILIZAR EL ATRIBUTO ID PARA ENVIAR LOS DATOS DEL FORMULARIO AL SERVIDOR (MEDIANTE EL METODO POST)
Para los elementos de un formluario si se utiliza name para
identificarlos. Creo que desde el ID no podes levantar los datos de un
formulario, por lo que necesitas usar name.
http://foros.cristalab.com/diferencias-entre-atributo-name-y-id-en-html-t42045/
*******************************************
FINALMENTE USOS DE NAME CONCLUSION
Hola man!!! este ya es un post que lleva algún tiempo pero hasta ahorita
me lo encontre y quisiera dar mi opinión, ya que en los post de
Cristalab no se pueden realizar actualizaciones de sus contenidos viejos
de manera eficaz.
Maikel escribió:
id: es un identificador unico(debería serlo siempre) para cualquier etiqueta html.
name: es un identificador (no necesariamente unico) para los elementos de formulario ...
name no es un atributo solamente utilizado en los formularios lo mismo para el atributo id.
york3rs escribió:
Ahhh y por que se dice que para xhtml ya name no se usa solo hay que utilidad el id.-
Como paso los datos de un formulario con post, por lo que se cuando cuando paso datos de un ....
Y en que parte de la W3C dice eso????
Lo que pasa es que existen
diferentes tipos de atributos. En el caso de name este es un atributo
opcional. Mientras id es un atributo estandar.
Ahora bien id
funciona como un identificador único de cada elemento del código, pero
name por ser un atributo opcional tiene diferentes funciones dependiendo
de la etiqueta en la que este.
Por ejemplo:
Si utilizas la etiqueta img
Código HTML :
<img src="llaves.png" alt="Llave" name="Llave de puerta" id="llave" />
Te serviría como un parámetro descriptivo, mientras que el id es el identificador, el Alt para mostrar el texto en un Tooltip.
Si utilizas la etiqueta meta
Código HTML :
<head>
.....
<meta name="description" content="Está es la descripción de la página" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Fulanito de tal" />
.....
</head>
Provee el nombre para la información en el atributo contenido. Cabe aclarar que meta no posee el atributo id.
Ahora bien si lo utilizas en una etiqueta input de tipo radio
Código HTML :
<form ..... >
<label for="hombre">Hombre</label>
<input type="radio" name="sex" id="hombre" />
<label for="mujer">Mujer</label>
<input type="radio" name="sex" id="mujer" />
<label for="manzana">Manzana</label>
<input type="radio" name="fruta" id="manzana" />
<label for="fresa">Fresa</label>
<input type="radio" name="fruta" id="fresa" />
</form>
Como vez en este caso
se utiliza nuevamente id como identificador único de la etiqueta, por
ende podemos relacionar una etiqueta label con una input por medio de su
id. Mientras la etiqueta name se utiliza para agrupar los diferentes
input.
En conclusión como se puede apreciar name es diferente a
id, y su útilización depende de la etiqueta en la cual trabaje como
atributo.
Lamento
revivir un post viejo pero la información era un poco difusa y alguien
que este empezando podría llegar a no entender la diferencia real de
ambos atributos.
http://foros.cristalab.com/diferencias-entre-atributo-name-y-id-en-html-t42045/
*********************
ID: es un nombre "único" que se le asigna a un objeto HTML el cual únicamente es utilizado localmente por javascript.
Name: el valor de esta propiedad podría" ser única o estar asignada a más de un objeto HTML" como el caso de los radio ej:
<input type="radio" name="sexo" value="hombre" />
<input type="radio" name="sexo" value="mujer" />
y su principal función es poder enviar su valor a través de un
Formulario (Form) al servidor cuando se produce un Submit. En el caso de
ser manipulado con javascript es realmente útil ya que puedes usar la
función getElementsByName la cual retorna una matriz con todos los
objetos que contengan el valor "name" que estás buscando.
Claro está que el uso de la propiedad "name" se relaciona mas a los
formularios y al clásico modelo de POST de las páginas (aunque es bien
útil cuando se trabaja con javascript)
Pero para los que trabajan con AJAX la propiedad "name" pasa casi al olvido.
Otra cosa, el objeto DIV no posee la propiedad "name"
saludos
http://webcache.googleusercontent.com/search?q=cache:1SE25vTI33IJ:www.forosdelweb.com/f13/diferencia-entre-id-name-class-javascript-875385/+&cd=3&hl=es-419&ct=clnk&gl=pe
Ctrl+F5 O ctrl+ shift + R
generally refreshes the page without using cache whileCtrl+R
or plainF5
refreshes the page using cache as normal. – MooGoo Oct 30 '10 at 20:42