viernes, 15 de agosto de 2014

Uso del atributo name en HTML

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. :P

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

No hay comentarios:

Publicar un comentario