6

Quisiera saber si es una buena practica colocar lo mismo en id y en name cuando voy a programar, por ejemplo, en HTML y PHP. ¿Podría afectar el código cuando ya este avanzado? ¿Que consecuencias podría tener hacerlo?

2 respuestas 2

10

id y name son cosas diferentes pero no hay problema que tengan el mismo valor.

id es para identificar univocamente un elemento dentro del documento. Los ids no deberian repetirse y en caso de repeticion, la función getElementById retorna el primero de los elementos. Se usa principalmente del lado del cliente para localizar y modificar algún elemento particular.

name en cambio, se lo utiliza habitualmente para identificar los elementos de un formulario: <input>, <textarea> y los <select> cuando se envía un formulario al servidor. Especifica la clave de la pareja clave/valor que se recibe en el servidor. Osea que ya en el servidor los datos están asociados al name del elemento y no a su id (el cual se desconoce del lado del servidor).

Basicmante <input name="nombre"> llega al servidor en la forma de... $POST["nombre"] (si se usa POST).

Hay que notar que getElementsByName retorna siempre un arreglo aunque encuentre un solo elemento.

Otra cosa importante de name es que si varios elementos tienen el mismo name, dependiendo del elemento se comporta diferente:

Si tienes varios <input type="submit"> con el mismo nombre, al servidor llega el value del botón presionado y no los demás, de forma que se puede identificar fácilmente un botón. Algo similar sucede con los radio.

En conjunto con php, si se usa un name como este: name="nombre[]" puede leerse directamente como un array en server side así: $nombre = $_POST['nombre']; (por ejemplo en un conjunto de checkbox o de text).

6

Existe una dificultad cuando se asigna el mismo nombre y id a un elemento. Los navegadores Internet Explorer inferiores a la versión 10 no saben distinguir entre name y id cuando se usa el método getElementsByName().

Lo dice Mozilla en su documentación oficial:

The getElementsByName method works differently in different browsers. In IE < 10, getElementsByName() method will also return elements that have an id attribute with the specified value. So you should be careful not to use the same string as both a name and an ID.


El método getElementsByName funciona de forma diferente en diferentes navegadores. En IE <10, el método getElementsByName() también devolverá elementos que tienen un atributo id con el valor especificado. Por lo que debe tener cuidado de no utilizar la misma cadena como un nombre y un ID.

Hay que decir también que en la especificación de HTML 5 el atributo name queda obsoleto en los elementos siguientes:

  • a (excepto en lo indicado en la sección 11.1 de la especificación)
  • embed
  • img
  • option

En todos ellos se recomienda usar el atributo id solamente.

5
  • Es interesante, porque lamentablemente, algunos desarrollos necesitan tener en cuenta estos navegadores. Commented el 19 abr. 2017 a las 12:41
  • 1
    @A.Cedano Yo creo que un software deber ser utilizable en el mayor rango posible de navegadores y plataformas, y si usar lo mismo en ID y en name significa que mi software esta restringido en algunos navegadores, concluyo que no es una buena practica.
    – YomismoDJ
    Commented el 19 abr. 2017 a las 17:21
  • @YomismoDJ Es correcto. Y mucho más sabiendo que la versión del navegador depende de cada cliente. Y además no existe ningún motivo por el cual haya que dar el mismo valor al name y al id de un elemento. Como decía en otro comentario a mi me gusta diferenciarlos porque cada cosa es cada cosa aunque se parezcan, así que les asigno casi el mismo valor, agregando una _n al final cuando se trata del nombre. Y... visto que name empieza a ser obsoleto en algunos elementos de HTML5, lo usaré solamente cuando sea estrictamente necesario.
    – A. Cedano
    Commented el 19 abr. 2017 a las 17:50
  • No es para discutir, pero hacer una pagina que funcione bien en todos los navegadores es una utopia o es algo para grandes teams con tiempo y presupuesto. Ojo x que este es solo uno de los problemas a los cuales te enfrentas para soportar IE. El 4% del mercado tiene IE8, el cual es aun mas dificil de soportar por sus muchas otras cosas que no funcionan bien). Hay que manejar un equilibrio entre el costo y el beneficio ;) Commented el 20 abr. 2017 a las 2:39
  • Si les interesa aqui hay un articulo que salio hoy sobre los cambios que estan realizando del core de IE a Edge, interesante y da algo de miedo leer como estaba hecho. Commented el 20 abr. 2017 a las 2:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.