Re: [Ovillo] Formulario accesible , ¿cómo hacerl o?

2006-11-18 Por tema Orange at Google
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 ?

2006-10-22 Por tema Marina Gallardo
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?

2006-10-22 Por tema Hermann Kaser
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 ?

2006-10-22 Por tema LISTAS
¿¿¿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 ?

2006-10-22 Por tema Carlos Revillo
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?

2006-10-22 Por tema marta
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?

2006-10-22 Por tema marta
 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?

2006-10-22 Por tema Emmanuelle Gutiérrez y Restrepo
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?

2006-10-22 Por tema Carlos Revillo


 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?

2006-10-22 Por tema marta


 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?

2006-10-22 Por tema Marina Gallardo
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 ?

2006-10-22 Por tema LISTAS
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

2006-04-28 Por tema Alvarez Laurnaga, Jose Antonio
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

2006-04-28 Por tema Manuel J. Recena Soto
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

2006-04-28 Por tema Alvarez Laurnaga, Jose Antonio

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

2006-04-28 Por tema Diego Martín Lafuente
¿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

2006-04-28 Por tema Manuel J. Recena Soto
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

2006-04-27 Por tema Jorge Rumoroso
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

2006-04-27 Por tema Alejandro Lillo
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

2006-04-27 Por tema David Castelló
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

2006-04-27 Por tema DJ-Dom
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

2006-04-27 Por tema Alejandro Lillo
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

2006-04-27 Por tema Daniel Torres Burriel
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

2006-04-27 Por tema Juan G. Hurtado
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

2006-04-27 Por tema Manuel J. Recena Soto
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-04-27 Por tema DJ-Dom
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

2006-04-27 Por tema Juan G. Hurtado
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