ID vs NAME en los nombres de los campos

[Shiryu_Libra]

Espero que se la esten pasando bien
amigos, una orientacion a esta duda

tenia escrito en mis formularios los inputs y select con NAME="variable", y todas mis consultas funcionaban perfectamente...

ahora bien... he utilizado el metodo de getElementByID(''), de javascript, para las evaluaciones pertinentes.... entonces... renombre mis selects e inputs a ID="variable", pero el problema conlleva que no realiza las consultas....

tiene acaso algo que ver NAME o ID, no se supone que hago llamado a ese mismo input, en cualquiera de los 2 casos

o existe diferencia alguna entre estos metodos???

NAME VS ID

algun maestro que pudiera ilustrar la poca comprensibilidad de este servidor a un detalle que no pense que fuese tanto problema???


acaso debo regresar a NAME, los inputs y select... o estare haciendo algo mal??... ya que mi codigo no lo cambie.... simplemente pase los nombres de estos a NAME x ID
.......
alguna sugerencia?????

[AlZuwaga]

Hola Shiryu_Libra, el name de los campos de formulario sirve para hacer el request.[querystring/form], no así el id. Este último para lo que sirve es para identificar unívocamente un elemento en un documento xHTML.

En resumen (aunque puede ser una explicación vaga) el name te sirve para interactuar con el servidor mientras que el id para cuestiones en el cliente (Javascript/CSS)

Suelo darles al name y al id el mismo nombre, salvo casos particulares. Por ejemplo, en una serie de checkboxes cuyos values quiero recuperarlos como array:

Código:

<form id="eliminar" name="eliminar" ...>
<p>Seleccione los registros a eliminar</p>
Registro 1: <input type="checkbox" name="id_registro" id="id_registro1" value="1"><br />
Registro 2: <input type="checkbox" name="id_registro" id="id_registro2" value="2"><br />
Registro 3: <input type="checkbox" name="id_registro" id="id_registro3" value="3"><br />
</form>

Saludos

[Shiryu_Libra]

Iniciado por Al Zuwaga

....el name de los campos de formulario sirve para hacer el request.[querystring/form], no así el id. .....

con razon mis "request.form" no querian nada con la interaccion y me mandaban nulos

excelente Al_Zuwaga

tipicas preguntas que se deberian saber... pero ya ves... algunos de nosotros solo usamos el codigo mas no comprendemos bien EL POR QUE

, apunteme en la barra de hielo las birrias que van

[Myakire]

Iniciado por Al Zuwaga

Suelo darles al name y al id el mismo nombre, salvo casos particulares. Por ejemplo, en una serie de checkboxes cuyos values quiero recuperarlos como array:

Mi estimado AZ, debo informarle que se esta complicando la vida. Coloque ud. el mismo id y trabaje con el arreglo de forma "natural": document.getElementById('id_registro')[Subindice]

[Shiryu_Libra]

no pues si que aprende uno aki en este grandioso foro

recapitulando....
AZ.- name="unico" id="variable"
Myakire.- name="unico" id="no necesario"

excelente
eso seria un request for each, en la lectura del FORM, si mas no me equivoco no es asi???

demonios... que bueno que vivo a un lado de la frontera.. me sale mas barato la compra de las birrias....

no quisiera saber cuantas debo.....

[u_goldman]

Iniciado por Shiryu_Libra

no pues si que aprende uno aki en este grandioso foro

recapitulando....
AZ.- name="unico" id="variable"
Myakire.- name="unico" id="no necesario"

excelente
eso seria un request for each, en la lectura del FORM, si mas no me equivoco no es asi???

demonios... que bueno que vivo a un lado de la frontera.. me sale mas barato la compra de las birrias....

no quisiera saber cuantas debo.....

No...Myakire se refiere a que se coloque el mismo ID, sin name y que se trabaje con el índice de la colección.

El uso del atributo ID también es importante por cuestiones de usabilidad.

Código:

<label for="nombre">Esta es la etiqueta para el campo nombre</label>
<input type="text" id="nombre" name="elNombre" value="" />

Saludos

[Shiryu_Libra]

[AlZuwaga]

Mi estimado :Colaborador: (edit... me refiero a Myakire ), sírvase usted de validar este xHTML en http://validator.w3.org/ :

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label for="nombre">Nombre</label>
  <input type="text" name="nombre" id="nombre" />
  <br />
  <label for="apellido">Apellido</label>
  <input type="text" name="apellido" id="apellido" />
  <p>Seleccione fruta preferida:</p>
  <label>Manzana</label>
  <input type="checkbox" name="fruta" value="manzana" id="fruta" />
  <label>Naranja</label>
  <input type="checkbox" name="fruta" value="naranja" id="fruta" />
  <br />
  <input type="submit" name="Submit" value="Submit" id="Submit" />
</form>
</body>
</html>

This page is not Valid XHTML 1.0 Transitional!

Below are the results of checking this document for XML well-formedness and validity.

1. Error Line 19 column 58: ID "fruta" already defined.

Código:

        <input type="checkbox" name="fruta" value="naranja" id="fruta" />

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).


2. Info Line 17 column 58: ID "fruta" first defined here.

Código:

        <input type="checkbox" name="fruta" value="manzana" id="fruta" />

Edit:

Iniciado por u_goldman

El uso del atributo ID también es importante por cuestiones de usabilidad.

Completamente de acuerdo

[u_goldman]

No se lo tomen a mal a Myakire, es que anda ebrio...mañana se le pasa
Y yo apenas comenzaré

[Myakire]

1. Error Line 19 column 58: ID "fruta" already defined.

jejeje, yo en lo personal (entiéndase, por mis pistolas ) no le hago mucho caso a los validadores xHTML y CSS (sobre todo al primero), y este es un ejemplo del por que.

A mi en lo personal se me facilita mucho más utilizar las colecciones de controles que el mismo DOM de JS te proporciona que darle definir la misma clase a los atributos que quiero barrer..... si ya se que no es 100% apegado a la norma, pero ya estoy viejo como para seguir a pie puntillas cada nueva moda ("viejos mañosos" les decimos por acá a los que son como uno )

If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element)

Shiryu_Libra, tu todavía tienes oportunidad de salvarte!!, no sigas mi ejemplo y empieza a aprender como se debe

Thank's por el apunte AZ

U_G: ............ nah! nada, al fin y al cabo, tienes razón, jejeje

[Shiryu_Libra]

intentare no caer en el ¿¿¿MAL CAMINO??



un saludo amigos, y que esten muy buenas las birrias
ya que hoy es juevebes