Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
IDs, NAMEs, CHECKs y RADIOs :) http://archivist.incutio.com/viewlist/css-discuss/64892 http://www.w3.org/TR/html401/interact/forms.html#h-17.2 El día 23/10/06, Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED] escribió: Hola Marina, Sí realmente tu objetivo es conseguir un formulario que sea accesible para todos, aparte de que valide correctamente la sintaxis del código fuente, es importante que la etiqueta abrace al control de formulario, además de estar explícitamente asociada con él mediante los atributos for e id. De esta manera, incluso los usuarios de lectores de pantalla antiguos encontrarán fácilmente el punto de inserción en el control o campo dentro del formulario. Ejemplo: label for=nombre...input type=text id=nombre.../label También, será importante que añadas texto por omisión en los campos del formulario, por la misma razón que antes. Aparte de cumplir con el resto de puntos de control referidos a formularios. (Si usas HERA [1] para revisar tu trabajo te ayudará a verificar si estás cumpliendo con todos los requisitos) Saludos, Emmanuelle [1] http://www.sidar.org/hera/ 2006/10/22, Marina Gallardo [EMAIL PROTECTED]: Ya lo conseguí validar. Muchas gracias a todos. :) Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Emmanuelle Gutiérrez y Restrepo Fundación y Seminario SIDAR URL: www.sidar.org email: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Orange at GMail ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Formulario accesible, ¿cómo hacerlo ?
Buenas tardes a todos, Estoy intentando hacer un formulario que sea válido pero me salen muchos errores. Lo que intento hacer es un formulario en php, que tengo enlazado supuestamente a recomendar.php. El formulario está aquí: www.duf.es/informa.html No sé cómo establecer los inputs y demás sin que me dé errores. Gracias. Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible, ¿cómo hacerl o?
On 10/22/06, Marina Gallardo [EMAIL PROTECTED] wrote: Buenas tardes a todos, Estoy intentando hacer un formulario que sea válido pero me salen muchos errores. Lo que intento hacer es un formulario en php, que tengo enlazado supuestamente a recomendar.php. El formulario está aquí: www.duf.es/informa.html El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Los elementos input al no tener etiquetas de cerrado las tienes que crear tal que input type=text name=n_remitente size=28 / Por cierto, aqui tienes un buen tutorial de como crear formularios sin tablas para que queden bien alineados. http://www.quirksmode.org/css/forms.html No sé cómo establecer los inputs y demás sin que me dé errores. Gracias. Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Hermann Kaser http://www.theragingche.com/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible, ¿cómo hacerlo ?
¿¿¿que que qué...??? El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Te equivocas, amigo: el objeto FORM tiene el atributo name. Los objetos FORM pueden ser abordados de tres maneras: por el nombre; por su id o por la posición en la cadena de objetos (array). Ejemplos: Ej. 1: form name=fomulario Ej. 2: form id=formulario Ej. 3: form En javascript sería: Ej.1 y 2: document.forms['fomulario'] Ej. 2: document.getElementById('formulario') Ej. 3: document.forms[0] /* si es el único o el primer formulario en caso de existir varios dentro de un array de objetos del tipo FORM */ Almirante von Web/. - Original Message - From: Hermann Kaser [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, October 22, 2006 1:18 PM Subject: Re: [Ovillo]Formulario accesible, ¿cómo hacerlo? On 10/22/06, Marina Gallardo [EMAIL PROTECTED] wrote: Buenas tardes a todos, Estoy intentando hacer un formulario que sea válido pero me salen muchos errores. Lo que intento hacer es un formulario en php, que tengo enlazado supuestamente a recomendar.php. El formulario está aquí: www.duf.es/informa.html El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Los elementos input al no tener etiquetas de cerrado las tienes que crear tal que input type=text name=n_remitente size=28 / Por cierto, aqui tienes un buen tutorial de como crear formularios sin tablas para que queden bien alineados. http://www.quirksmode.org/css/forms.html No sé cómo establecer los inputs y demás sin que me dé errores. Gracias. Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Hermann Kaser http://www.theragingche.com/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible, ¿cómo hacerlo ?
LISTAS escribió: ¿¿¿que que qué...??? El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Te equivocas, amigo: el objeto FORM tiene el atributo name. en xhtml no se puede usar name con form. no es válido. http://weblogtoolscollection.com/archives/2004/08/16/validate-forms-xhtml-10-strict/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
Vaya, justo cuando lo habia escrito se me ha perdido el mail... Lo vuelvo a intentar No te valida entre otras cosas porque hay id repetidos, y en un html nunca puede haber un id igual, además de esto hay que poner los elementos en un contenedor, lo he puesto en div Pongo el código en plan rapido de como yo lo haría para que lo acabes de ajustar, seguramente a nivel de diseño tendrás que tocar algo también, he quitado los br espero que te ayude, suerte y Salut! form method=post action=recomendar.php?accion=enviar name=recomienda pDale la oportunidad a tu amiga de conocer la comodidad e higiene que implica el uso de Duf. Introduce los datos obligatorios en el formulario y nosotros le enviaremos a tu amiga informacioacute;n sobre Duf. /p div label for=n_remitente1Tu nombre/label input id=n_remitente1 type=text name=n_remitente1 / /div div label for=e_remitente1Tu email/label input id=e_remitente1 type=text name=e_remitente1 /br / /div div label for=n_destinatario1Nombre de tu amiga/label input id=n_destinatario1 type=text name=n_destinatario1 /br / /div div label for=e_destinatario2Email de tu amiga/label input id=e_destinatario2 type=text name=e_destinatario / /div div input id=submit type=submit value=Recomendar / /div /form Buenas tardes a todos, Estoy intentando hacer un formulario que sea válido pero me salen muchos errores. Lo que intento hacer es un formulario en php, que tengo enlazado supuestamente a recomendar.php. El formulario está aquí: www.duf.es/informa.html No sé cómo establecer los inputs y demás sin que me dé errores. Gracias. Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
LISTAS escribió: ¿¿¿que que qué...??? El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Te equivocas, amigo: el objeto FORM tiene el atributo name. en xhtml no se puede usar name con form. no es válido. http://weblogtoolscollection.com/archives/2004/08/16/validate-forms-xhtml-10-strict/ El xhtml que tiene declarado es transitional, con lo que si que le cogerá los names. De todas formas yo tambien recomiendo que nos vayamos acostumbrando a quitar los names en los input Salut! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
Hola Marina, Sí realmente tu objetivo es conseguir un formulario que sea accesible para todos, aparte de que valide correctamente la sintaxis del código fuente, es importante que la etiqueta abrace al control de formulario, además de estar explícitamente asociada con él mediante los atributos for e id. De esta manera, incluso los usuarios de lectores de pantalla antiguos encontrarán fácilmente el punto de inserción en el control o campo dentro del formulario. Ejemplo: label for=nombre...input type=text id=nombre.../label También, será importante que añadas texto por omisión en los campos del formulario, por la misma razón que antes. Aparte de cumplir con el resto de puntos de control referidos a formularios. (Si usas HERA [1] para revisar tu trabajo te ayudará a verificar si estás cumpliendo con todos los requisitos) Saludos, Emmanuelle [1] http://www.sidar.org/hera/ 2006/10/22, Marina Gallardo [EMAIL PROTECTED]: Ya lo conseguí validar. Muchas gracias a todos. :) Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Emmanuelle Gutiérrez y Restrepo Fundación y Seminario SIDAR URL: www.sidar.org email: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
El xhtml que tiene declarado es transitional, con lo que si que le cogerá los names. De todas formas yo tambien recomiendo que nos vayamos acostumbrando a quitar los names en los input Salut! los names en los inputs están bien... donde están mal es en los forms... no? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
El xhtml que tiene declarado es transitional, con lo que si que le cogerá los names. De todas formas yo tambien recomiendo que nos vayamos acostumbrando a quitar los names en los input Salut! los names en los inputs están bien... donde están mal es en los forms... no? ups :) perdon de form... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?
Ya lo conseguí validar. Muchas gracias a todos. :) Marina. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible, ¿cómo hacerlo ?
Correcto, pero eso es en xhtml y en el e-mail el planteo de Marina era de otra índole... :-) Comentario al margen: Marina, si tu página tiene código php, la extensión debería ser php y no html. De lo contrario, el código php no es procesad por el servidor. Lo digo porque encontré esta linea en tu proyecto: !-- formulario --? if ($HTTP_GET_VARS[accion] == ) { ?A.V.W. - Original Message - From: Carlos Revillo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, October 22, 2006 3:08 PM Subject: Re: [Ovillo] Formulario accesible, ¿cómo hacerlo? LISTAS escribió: ¿¿¿que que qué...??? El elemento form no tiene un atributo llamado name, si quieres acceder al el via JS tendras que usar un id. Te equivocas, amigo: el objeto FORM tiene el atributo name. en xhtml no se puede usar name con form. no es válido. http://weblogtoolscollection.com/archives/2004/08/16/validate-forms-xhtml-10 -strict/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Por aportar un ejemplo práctico podéis echarle un vistazo a estos dos ejemplos: http://www.manuelrecena.com/misc/layout_ebabel_ugt/ http://www.manuelrecena.com/misc/layout_ebabel_uca/ Manuel, he visto que utilizas [...size=n] para indicar el tamaño de los [input type=text...] ¿No sería más correcto, ya que es presentación, controlar el tamaño mediante la CSS? ¿Cómo lo ves? Jose A. Alvarez Laurnaga ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Hola José: On Fri, 28 Apr 2006 09:45:11 +0200, Alvarez Laurnaga, Jose Antonio wrote Por aportar un ejemplo práctico podéis echarle un vistazo a estos dos ejemplos: http://www.manuelrecena.com/misc/layout_ebabel_ugt/ http://www.manuelrecena.com/misc/layout_ebabel_uca/ Manuel, he visto que utilizas [...size=n] para indicar el tamaño de los [input type=text...] ¿No sería más correcto, ya que es presentación, controlar el tamaño mediante la CSS? ¿Cómo lo ves? Jose A. Alvarez Laurnaga ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Efectivamente tienes mucha razón y más aún se haces la pregunta que haces. ¿El atributo size de la etiqueta input es representación? Desde mi punto de vista size es evidente que modifica la representación del widget pero no creo que al mismo nivel que lo pudiera hacer el atributo align de una etiqueta td. El motivo principal por el que no usé CSS fue para evitar definir una clase por cada tipo de input (email, username, password, etc...). Sin embargo creo que lo haré en próximas ocasiones. Es muy normal que en una aplicación web o sitio web aparezcan formularios donde sea frecuente repetir ciertos campos (email, username, address, etc...) Muchas gracias por tu reflexión. un saludo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Yo lo que hice en casos parecidos fue definir unos cuatro o cinco tamaños, algo así como pequeño, mediano, grande, muyGrande y super (aunque se que no es buena idea usar nombres de clases basados en su aspecto...) y que equivalen a size:5, size:10 etc. y normalmente con ellos cubres todas las posibles necesidades ;-} Jose A. Alvarez Laurnaga -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel J. Recena Soto Enviado el: viernes 28 de abril de 2006 10:31 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Formulario accesible Hola José: On Fri, 28 Apr 2006 09:45:11 +0200, Alvarez Laurnaga, Jose Antonio wrote Por aportar un ejemplo práctico podéis echarle un vistazo a estos dos ejemplos: http://www.manuelrecena.com/misc/layout_ebabel_ugt/ http://www.manuelrecena.com/misc/layout_ebabel_uca/ Manuel, he visto que utilizas [...size=n] para indicar el tamaño de los [input type=text...] ¿No sería más correcto, ya que es presentación, controlar el tamaño mediante la CSS? ¿Cómo lo ves? Jose A. Alvarez Laurnaga ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Efectivamente tienes mucha razón y más aún se haces la pregunta que haces. ¿El atributo size de la etiqueta input es representación? Desde mi punto de vista size es evidente que modifica la representación del widget pero no creo que al mismo nivel que lo pudiera hacer el atributo align de una etiqueta td. El motivo principal por el que no usé CSS fue para evitar definir una clase por cada tipo de input (email, username, password, etc...). Sin embargo creo que lo haré en próximas ocasiones. Es muy normal que en una aplicación web o sitio web aparezcan formularios donde sea frecuente repetir ciertos campos (email, username, address, etc...) Muchas gracias por tu reflexión. un saludo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
¿Y si no hay estilos? Ahhh amigo... Es correcto especificar un tamaño en los atributos. Luego, en CSS podemos dar tamaños más específicos para darle el toque gráfico necesario. Saludos, Diego Martín Lafuente Information Designer / IA [EMAIL PROTECTED] http://www.minid.net On 28/04/2006, at 9:45, Alvarez Laurnaga, Jose Antonio wrote: Por aportar un ejemplo práctico podéis echarle un vistazo a estos dos ejemplos: http://www.manuelrecena.com/misc/layout_ebabel_ugt/ http://www.manuelrecena.com/misc/layout_ebabel_uca/ Manuel, he visto que utilizas [...size=n] para indicar el tamaño de los [input type=text...] ¿No sería más correcto, ya que es presentación, controlar el tamaño mediante la CSS? ¿Cómo lo ves? Jose A. Alvarez Laurnaga ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
On Fri, 28 Apr 2006 11:42:59 +0200, Choan C. Gálvez wrote On 4/28/06, Diego Martín Lafuente [EMAIL PROTECTED] wrote: ¿Y si no hay estilos? Ahí le has dado. Ahhh amigo... Es correcto especificar un tamaño en los atributos. Luego, en CSS podemos dar tamaños más específicos para darle el toque gráfico necesario. Correctísimo. Si el atributo `size` fuera tan malo como el demonio*, no estaría en el DTD de XHTML 1.0 Strict. Ni en el módulo de formularios de XHTML 1.1. Por eso decía en mi anterior post que no considero que size y, por ejemplo, align al mismo nivel. Es cierto que modifican la representación de un elemento, pero claro está que de forma y con fines distintos. Tu aclaración sobre la especificación (DTD) ha sido muy oportuna y correcta, desde mi punto de vista. un saludo * Malo como el demonio = puramente presentacional. Salud. -- Choan http://choangalvez.nom.es/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Supongo que Alejandro se habrá despistado al poner un único label para dos campos de formulario con la misma id. En principio si que se podría poner en la misma línea, pero debería incluir un label para cada uno de ellos y debería estar asociado correctamente. Yo lo haría de la siguiente manera (por ejemplo): dl dtDirección/es de correo electrónico/dt dd label for=email1Primer correoinput type=text id=email1 name=email1 tabindex=1 //label label for=email2Segundo correoinput type=text id=email2 name=email2 tabindex=2 //label /dd /dl Y si no te gusta ver el texto del label, lo ocultas, y listo. 2006/4/27, Alejandro Lillo [EMAIL PROTECTED]: Estoy haciendo un formulario con la siguiente estructura ddinput type=text size=20 name=nombre value= //dd dtlabel for=emailEmail/label/dt La cuestión es que en algunos casos me gustaría que se incluyeran varios inputs en una misma línea, ¿cómo me recomiendan hacerlo? Yo haría: dl dtlabel for=emailEmail/label/dt dd input type=text id=email tabindex=1 name=nombre / input type=text id=email tabindex=2 name=segundomail / /dd /dl -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
On 4/27/06, Jorge Rumoroso [EMAIL PROTECTED] wrote: Supongo que Alejandro se habrá despistado al poner un único label para dos campos de formulario con la misma id. Totalmente de acuerdo con la respuesta de Jorge, será la madrugada que despista las neuronas. :) El label únicamente puede hacer referencia a un control con lo que no sirve la respuesta que te di, sorry. -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Esto de utilizar dl, dd, para maquetar o presentar un formulario no se si es muy correcto semanticamente. ¿que os parece esta alternativa? div id=formulario fieldsetlegendDirecciones de Correo/legend label style=float:left; for=email1Primer Correo:input type=text id=email1 name=email1 tabindex=1/label label style=float:left; for=email2Segundo Correo:input type=text id=email2 name=email2 tabindex=2/label /fieldset /div Saludos ! On 4/27/06, Jorge Rumoroso [EMAIL PROTECTED] wrote: Supongo que Alejandro se habrá despistado al poner un único label para dos campos de formulario con la misma id. En principio si que se podría poner en la misma línea, pero debería incluir un label para cada uno de ellos y debería estar asociado correctamente. Yo lo haría de la siguiente manera (por ejemplo): dl dtDirección/es de correo electrónico/dt dd label for=email1Primer correoinput type=text id=email1 name=email1 tabindex=1 //label label for=email2Segundo correoinput type=text id=email2 name=email2 tabindex=2 //label /dd /dl Y si no te gusta ver el texto del label, lo ocultas, y listo. 2006/4/27, Alejandro Lillo [EMAIL PROTECTED]: Estoy haciendo un formulario con la siguiente estructura ddinput type=text size=20 name=nombre value= //dd dtlabel for=emailEmail/label/dt La cuestión es que en algunos casos me gustaría que se incluyeran varios inputs en una misma línea, ¿cómo me recomiendan hacerlo? Yo haría: dl dtlabel for=emailEmail/label/dt dd input type=text id=email tabindex=1 name=nombre / input type=text id=email tabindex=2 name=segundomail / /dd /dl -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- David Castelló www.estandaresweb.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Como le se aplica el label a un campo (por ejemplo, el tipo radio) radio que tenga la misma leyenda... ¿Vale anidarlo? label for=radio1label for=radio2Selecciona una opción:/label/label input type=radio name=color id=radio1... input type=radio name=color id=radio2... Saludo, DJ-Dom 2006/4/27, David Castelló [EMAIL PROTECTED]: Esto de utilizar dl, dd, para maquetar o presentar un formulario no se si es muy correcto semanticamente. ¿que os parece esta alternativa? div id=formulario fieldsetlegendDirecciones de Correo/legend label style=float:left; for=email1Primer Correo:input type=text id=email1 name=email1 tabindex=1/label label style=float:left; for=email2Segundo Correo:input type=text id=email2 name=email2 tabindex=2/label /fieldset /div Saludos ! On 4/27/06, Jorge Rumoroso [EMAIL PROTECTED] wrote: Supongo que Alejandro se habrá despistado al poner un único label para dos campos de formulario con la misma id. En principio si que se podría poner en la misma línea, pero debería incluir un label para cada uno de ellos y debería estar asociado correctamente. Yo lo haría de la siguiente manera (por ejemplo): dl dtDirección/es de correo electrónico/dt dd label for=email1Primer correoinput type=text id=email1 name=email1 tabindex=1 //label label for=email2Segundo correoinput type=text id=email2 name=email2 tabindex=2 //label /dd /dl Y si no te gusta ver el texto del label, lo ocultas, y listo. 2006/4/27, Alejandro Lillo [EMAIL PROTECTED]: Estoy haciendo un formulario con la siguiente estructura ddinput type=text size=20 name=nombre value= //dd dtlabel for=emailEmail/label/dt La cuestión es que en algunos casos me gustaría que se incluyeran varios inputs en una misma línea, ¿cómo me recomiendan hacerlo? Yo haría: dl dtlabel for=emailEmail/label/dt dd input type=text id=email tabindex=1 name=nombre / input type=text id=email tabindex=2 name=segundomail / /dd /dl -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- David Castelló www.estandaresweb.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- www.dj-dom.net [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
On 4/27/06, DJ-Dom [EMAIL PROTECTED] wrote: Como le se aplica el label a un campo (por ejemplo, el tipo radio) radio que tenga la misma leyenda... ¿Vale anidarlo? label for=radio1label for=radio2Selecciona una opción:/label/label input type=radio name=color id=radio1... input type=radio name=color id=radio2... Entonces creo que sí puedes usar un único label con varios ID, digamos que se entiende que es un único control. Pero que alguien me confirme esto por favor. -- Alejandro Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
El 27/04/2006, a las 11:35, Alejandro Lillo escribió: Entonces creo que sí puedes usar un único label con varios ID, digamos que se entiende que es un único control. Pero que alguien me confirme esto por favor. La etiqueta label se usa para asociar un rótulo con un campo de un formulario, con lo que ésta debe asociarse sólo con un control, nunca con más de uno. De la especificación: 17.9.1 El elemento LABEL http://html.conclase.net/w3c/html401-es/interact/forms.html#h-17.9.1 El elemento LABEL puede utilizarse para adjuntar información a los controles. Cada elemento LABEL se asocia exactamente con un control de formulario. El atributo for asocia explícitamente un rótulo con otro control: el valor del atributo for debe ser el mismo que el valor del atributo id del elemento de control asociado. Se puede asociar más de un LABEL con el mismo control creando múltiples referencias a través del atributo for. Saludos!! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Buenas, El 27/04/2006, a las 11:32, DJ-Dom escribió: Como le se aplica el label a un campo (por ejemplo, el tipo radio) radio que tenga la misma leyenda... ¿Vale anidarlo? label for=radio1label for=radio2Selecciona una opción:/label/label input type=radio name=color id=radio1... input type=radio name=color id=radio2... pSelecciona una opción:br / label for=unoinput checked=checked id=uno name=radios type=radio /Uno/labelbr / label for=dosinput id=dos name=radios type=radio /Dos/ labelbr / label for=tresinput id=tres name=radios type=radio / Tres/label /p Espero que te sirva. Un saludo. PD.- Sí, ahora se podría discutir acerca de la conveniencia de usar los br /, o de usar el p para englobar el control, etc. etc. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Hola a todos: On Thu, 27 Apr 2006 11:40:24 +0200, Daniel Torres Burriel wrote El 27/04/2006, a las 11:35, Alejandro Lillo escribió: Entonces creo que sí puedes usar un único label con varios ID, digamos que se entiende que es un único control. Pero que alguien me confirme esto por favor. La etiqueta label se usa para asociar un rótulo con un campo de un formulario, con lo que ésta debe asociarse sólo con un control, nunca con más de uno. De la especificación: 17.9.1 El elemento LABEL http://html.conclase.net/w3c/html401-es/interact/forms.html#h-17.9.1 El elemento LABEL puede utilizarse para adjuntar información a los controles. Cada elemento LABEL se asocia exactamente con un control de formulario. El atributo for asocia explícitamente un rótulo con otro control: el valor del atributo for debe ser el mismo que el valor del atributo id del elemento de control asociado. Se puede asociar más de un LABEL con el mismo control creando múltiples referencias a través del atributo for. Saludos!! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Por aportar un ejemplo práctico podéis echarle un vistazo a estos dos ejemplos: http://www.manuelrecena.com/misc/layout_ebabel_ugt/ http://www.manuelrecena.com/misc/layout_ebabel_uca/ Ambos formularios están implementados de la misma forma. un saludo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
2006/4/27, Juan G. Hurtado [EMAIL PROTECTED]: Buenas, El 27/04/2006, a las 11:32, DJ-Dom escribió: Como le se aplica el label a un campo (por ejemplo, el tipo radio) radio que tenga la misma leyenda... ¿Vale anidarlo? label for=radio1label for=radio2Selecciona una opción:/label/label input type=radio name=color id=radio1... input type=radio name=color id=radio2... pSelecciona una opción:br / label for=unoinput checked=checked id=uno name=radios type=radio /Uno/labelbr / label for=dosinput id=dos name=radios type=radio /Dos/ labelbr / label for=tresinput id=tres name=radios type=radio / Tres/label /p Espero que te sirva. Un saludo. PD.- Sí, ahora se podría discutir acerca de la conveniencia de usar los br /, o de usar el p para englobar el control, etc. etc. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Hola Juan G. Hurtado , está muy bien lo de Uno y Dos, pero me referia a cuando solo hay una leyenda... He pensado en algo como: label for=radiosSeleccione una opción:/label div id=radios INPUTS RADIOS /div ¿Vale? Ah!, con relación a usar BR o P, para mi ninguna, una ves lo use, y me lo corrigieron por aquí mismo en la lista... Terminé colocando DIVs... Pero me parece que fieldset y legend lo hacen mejor y hasta mas semantico es... Saludo, DJ-Dom -- www.dj-dom.net [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario accesible
Buenas, El 27/04/2006, a las 12:16, DJ-Dom escribió: Hola Juan G. Hurtado , está muy bien lo de Uno y Dos, pero me referia a cuando solo hay una leyenda... He pensado en algo como: label for=radiosSeleccione una opción:/label div id=radios INPUTS RADIOS /div ¿Tiene sentido varios INPUT de tipo radio con un solo texto/ leyenda? A mi se me antoja un poco complicado que ese caso llegue a ocurrir. Si conoces algún ejemplo lógico que sea así, muéstralo a ver si podemos llegar a un fin semántico y correcto. Ah!, con relación a usar BR o P, para mi ninguna, una ves lo use, y me lo corrigieron por aquí mismo en la lista... Terminé colocando DIVs... Pero me parece que fieldset y legend lo hacen mejor y hasta mas semantico es... Los FIELDSET sirven para agrupar controles relacionados. En algunos casos, si no hay diferentes grupos, no es tan importante no usar el FIELDSET, aunque siempre es recomendable hacerlo. En este caso no estaba comentando nada sobre FIELDSET porque lo daba por hecho. Sea como sea, no es el tema del hilo, así que mejor guardemos el tema para otra ocasión. Un saludo. PD.- Siento haber comenzado el Off-Topic. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo