Re: [Ovillo] [OT] consulta sobre utilización de tablas en forms
Hola Rafa 2010/4/28 Rafa Artacho teme...@gmail.com: He estado buscando algún ejemplo de formulario que engloben el input dentro del label y no he encontrado nada, ni en la página del W3C ni en ninguna otra web, es por curiosidad, ya que el código valida. Creo que lo que buscas es esto: http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels Un saludo, E. David Merino ___ 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] [OT] consulta sobre utilización de tablas en forms
He estado buscando algún ejemplo de formulario que engloben el input dentro del label y no he encontrado nada, ni en la página del W3C ni en ninguna otra web, es por curiosidad, ya que el código valida. Por otra parte, esto si que lo he visto, ¿qué os parece englobar el formulario en una lista? http://www.thewatchmakerproject.com/contact/ 2010/4/13 Andrés gutiérrez andresgut...@gmail.com Va a resultar que es bueno marear la perdiz :) El 13 de abril de 2010 16:02, Ramón Corominas lis...@ramoncorominas.comescribió: Y al corregir eso también veo que al copiar y pegar he dejado el tx-apell también en la parte del DNI, que lógicamente habría que cambiar por algo tal que: input id=tx-dni name=dni type=text maxlength=9 / Saludos, Ramón. Ejem, sí, un pequeño fallo, gracias ;) Andrés escribió: el atributo (for) del label y el (id) del input no deberían ser iguales ¿? ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] [OT] consulta sobre utilización de tablas en forms
A ese ejemplo yo le añadiría divs para separar cada campo. Más que nada porque son elementos no semánticos (no añaden carga de párrafo, que desde mi punto de vista no tiene sentido aquí), pero sí separan los campos en diferentes líneas si se visualiza la página sin hojas de estilo. De todos modos, la asociación por englobamiento, aunque mejor, es perfectamente compatible con la asociación explícita mediante for/id, así que lo mejor es poner las dos. Saludos, Ramón. Santiago escribió: Pues encuentro muy interesante la crítica del funcionario del Spri. Creo que está bien sustentada y me ha convencido, así es que he modificado mi ejemplo: ___ 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] [OT] consulta sobre utilización de tablas en forms
A ese ejemplo yo le añadiría divs para separar cada campo. Más que nada porque son elementos no semánticos (no añaden carga de párrafo, que desde mi punto de vista no tiene sentido aquí), pero sí separan los campos en diferentes líneas si se visualiza la página sin hojas de estilo. De todos modos, la asociación por englobamiento, aunque mejor, es perfectamente compatible con la asociación explícita mediante for/id, así que lo mejor es poner las dos. Saludos, Ramón. Santiago escribió: Pues encuentro muy interesante la crítica del funcionario del Spri. Creo que está bien sustentada y me ha convencido, así es que he modificado mi ejemplo: ___ 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] [OT] consulta sobre utilización de tablas en forms
Buenas a todos, como digo siempre, mareais la perdiz como nadie este es un ejemplo de un formulario basico: form fieldset legendAlta en el servicio/legend label for=nombreNombre/label input type=text id=nombre / label for=apellidosApellidos/label input type=text id=apellidos size=50 / label for=dniDNI/label input type=text id=dni size=10 maxlength=9 / label for=contrasenaContraseña/label input type=password id=contrasena / input class=btn type=submit value=Darme de alta / /fieldset /form estas son las etiquetas. un saludo aDelgado ___ 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] [OT] consulta sobre utilización de tablas en forms
Hola Adolfo Por un lado, no creo que mareemos la perdiz, comentamos las cosas y aclaramos dudas que es bien distinto. Por otro lado parece que no te has leído los mails y todo lo que hemos comentado. Y por último creo que entras en tono algo faltón y además no aportas nada nuevo a lo que ya se había dicho. saludos Martin El 13/04/2010, a las 13:00, adolfo Delgado escribió: Buenas a todos, como digo siempre, mareais la perdiz como nadie este es un ejemplo de un formulario basico: form fieldset legendAlta en el servicio/legend label for=nombreNombre/label input type=text id=nombre / label for=apellidosApellidos/label input type=text id=apellidos size=50 / label for=dniDNI/label input type=text id=dni size=10 maxlength=9 / label for=contrasenaContraseña/label input type=password id=contrasena / input class=btn type=submit value=Darme de alta / /fieldset /form estas son las etiquetas. un saludo aDelgado ___ 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] [OT] consulta sobre utilización de tablas en forms
Ya que te pones, podías hacerlo bien, al menos :P Algunas correcciones a tu formulario básico... 1. Alta en el servicio no es un buen identificador para el legend, teniendo en cuenta los datos que agrupa. Ese texto es más bien un título que identifica el formulario completo, y no a un grupo de controles. La diferencia es que el título se lee sólo una vez, mientras que el legend es leído por el lector de pantalla cada vez que se accede a uno de los controles del grupo. Es decir, para el camop nombre, por ejemplo, el lector de pantalla leerá alta en el servicio nombre cuadro de edición, y también para el resto: alta en el servicio apellidos cuadro de edición, alta en el servicio dni cuadro de edición, alta en el servicio contraseña cuadro de contraseña. En resumen, NO se deberían agrupar todos los campos de un formulario en un fieldset, para eso ya está el formulario. 2. Doy por hecho que has suprimido a propósito los atributos name para simplificar, pero está claro que todos los campos que recogen variables deben tener este atributo, y el formulario debe tener como mínimo action y method. 3. El atributo size es de presentación y por lo tanto deberían usarse hojas de estilo en su lugar. 4. Tal y como está el formulario, sin hojas de estilo se verán todos los campos apelotonados, unos detrás de otros, lo que puede llegar a confundir al usuario de cuál es la etiqueta que corresponde a cada cuadro. Por eso es conveniente incluir cada par label/input dentro de un div independiente. 5. En campos como el DNI, que probablemente requieren un formato concreto, es importante poner un ejemplo de cuál es ese formato. Dado que lo estás limitando a 9 caracteres supongo que no admites el punto separador ni el guión, y no sé si el cero a la izquierda, por lo que hay que concretárselo al usuario. 6. Es preferible incluir cada input/select/textarea dentro de su label correspondiente, además de realizar la asociación explícita mediante for e id. 7. Como recomendación adicional, creo que puede ser interesante que los id y name de cada campo sean distintos, para evitar confusiones entre el nombre de variable y el identificador del control. Resumiendo, un formulario bien formado sería más bien así: form action=... method=... h1Alta en el servicio/h1 div label for=tx-nombreNombre: input id=tx-nombre name=nombre type=text / /label /div div label for=tx-apellApellidos: input id=tx-apell name=apellidos type=text / /label /div div label for=tx-dniDNI: input id=tx-apell name=apellidos type=text / span class=ejEjemplo: 09876543A/span /label /div div label for=pw-passContraseña: input id=tx-pass name=contrasena type=password / /label /div div input type=submit value=Dar de alta / /div /form Sí va a ser verdad que mareamos la perdiz... Saludín, Ramón. Adolfo lo dice siempre: Buenas a todos, como digo siempre, mareais la perdiz como nadie este es un ejemplo de un formulario basico: ___ 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] [OT] consulta sobre utilización de tablas en forms
Sólo una duda Ramon. Aquí: label for=pw-passContraseña: input id=tx-pass name=contrasena type=password / el atributo (for) del label y el (id) del input no deberían ser iguales ¿? El 13 de abril de 2010 13:38, Ramón Corominas lis...@ramoncorominas.comescribió: Ya que te pones, podías hacerlo bien, al menos :P Algunas correcciones a tu formulario básico... 1. Alta en el servicio no es un buen identificador para el legend, teniendo en cuenta los datos que agrupa. Ese texto es más bien un título que identifica el formulario completo, y no a un grupo de controles. La diferencia es que el título se lee sólo una vez, mientras que el legend es leído por el lector de pantalla cada vez que se accede a uno de los controles del grupo. Es decir, para el camop nombre, por ejemplo, el lector de pantalla leerá alta en el servicio nombre cuadro de edición, y también para el resto: alta en el servicio apellidos cuadro de edición, alta en el servicio dni cuadro de edición, alta en el servicio contraseña cuadro de contraseña. En resumen, NO se deberían agrupar todos los campos de un formulario en un fieldset, para eso ya está el formulario. 2. Doy por hecho que has suprimido a propósito los atributos name para simplificar, pero está claro que todos los campos que recogen variables deben tener este atributo, y el formulario debe tener como mínimo action y method. 3. El atributo size es de presentación y por lo tanto deberían usarse hojas de estilo en su lugar. 4. Tal y como está el formulario, sin hojas de estilo se verán todos los campos apelotonados, unos detrás de otros, lo que puede llegar a confundir al usuario de cuál es la etiqueta que corresponde a cada cuadro. Por eso es conveniente incluir cada par label/input dentro de un div independiente. 5. En campos como el DNI, que probablemente requieren un formato concreto, es importante poner un ejemplo de cuál es ese formato. Dado que lo estás limitando a 9 caracteres supongo que no admites el punto separador ni el guión, y no sé si el cero a la izquierda, por lo que hay que concretárselo al usuario. 6. Es preferible incluir cada input/select/textarea dentro de su label correspondiente, además de realizar la asociación explícita mediante for e id. 7. Como recomendación adicional, creo que puede ser interesante que los id y name de cada campo sean distintos, para evitar confusiones entre el nombre de variable y el identificador del control. Resumiendo, un formulario bien formado sería más bien así: form action=... method=... h1Alta en el servicio/h1 div label for=tx-nombreNombre: input id=tx-nombre name=nombre type=text / /label /div div label for=tx-apellApellidos: input id=tx-apell name=apellidos type=text / /label /div div label for=tx-dniDNI: input id=tx-apell name=apellidos type=text / span class=ejEjemplo: 09876543A/span /label /div div label for=pw-passContraseña: input id=tx-pass name=contrasena type=password / /label /div div input type=submit value=Dar de alta / /div /form Sí va a ser verdad que mareamos la perdiz... Saludín, Ramón. Adolfo lo dice siempre: Buenas a todos, como digo siempre, mareais la perdiz como nadie este es un ejemplo de un formulario basico: ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] [OT] consulta sobre utilización de tablas en forms
Ejem, sí, un pequeño fallo, gracias ;) Saludín, Ramón. Andrés escribió: el atributo (for) del label y el (id) del input no deberían ser iguales ¿? ___ 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] [OT] consulta sobre utilización de tablas en forms
Y al corregir eso también veo que al copiar y pegar he dejado el tx-apell también en la parte del DNI, que lógicamente habría que cambiar por algo tal que: input id=tx-dni name=dni type=text maxlength=9 / Saludos, Ramón. Ejem, sí, un pequeño fallo, gracias ;) Andrés escribió: el atributo (for) del label y el (id) del input no deberían ser iguales ¿? ___ 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] [OT] consulta sobre utilización de tablas en forms
Va a resultar que es bueno marear la perdiz :) El 13 de abril de 2010 16:02, Ramón Corominas lis...@ramoncorominas.comescribió: Y al corregir eso también veo que al copiar y pegar he dejado el tx-apell también en la parte del DNI, que lógicamente habría que cambiar por algo tal que: input id=tx-dni name=dni type=text maxlength=9 / Saludos, Ramón. Ejem, sí, un pequeño fallo, gracias ;) Andrés escribió: el atributo (for) del label y el (id) del input no deberían ser iguales ¿? ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] [OT] consulta sobre utilización de tablas en forms
Hola a todos Respecto a este tema de los formularios os envío lo que nos comentaba el funcionario que hizo la revisión de la web (en este caso del spri, organismo del gobierno vasco que se ocupa de estas cosas). Según esto lo que tu mandas, Santiago, no sería correcto, luego podéis estar de acuerdo o no :) pero yo os lo pongo: aquí va: --- • Los formularios de la web carecen de elementos estructurales. Si no se desea utilizar elementos estructurales en el formulario, la asociación implícita de los controles y las etiquetas del formulario deberá realizarse por englobamiento y no por posicionamiento. A lo que nos referimos es que los campos de formulario no tienen ninguna estructura (p o incluso li). Debido a que son campos de formulario, no hace falta utilizar esos elementos estructurales, porque podemos utilizar el elemento label para dar la estructrura. Pero en este caso la asociación debe ser por englobamiento y no por posicionamiento (como ocurre ahora): Es decir, si no se quiere utilizar otra estructura (p), se podrá utilizar el elemento label, que ofrece suficiente estructura si cada label engloba tanto la etiqueta de texto como campo de formulario: * incorrecto: label texto /label + campo formulario * correcto: plabel texto/label + campo formulario /p * correcto: label texto + campo formulario /label * correcto: plabel texto + campo formulario /label/p Es decir, la estructura mínima se tiene que ofrecer mediante los label, englobando [1]. Sí sólo hay label, pero éste no engloba texto y campo, sino que están uno después del otro [2], entonces no es correcto y hay que buscar una estructura más, como el p. [1] Englobamiento: cuando label engloba tanto a etiqueta de texto como a campo de formulario. [2] Posicionamiento: el label sólo engloba la etiqueta de texto e inmediatamente después, se pone el campo de formulario. saludos a todos Martin El 08/04/2010, a las 09:14, Santiago García escribió: Martin Etxauri: Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Hola, Martín: Para que uses LABEL+INPUT en lugar de TABLE, aquí te pongo otra alternativa que da el pego: -- !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; xml:lang=es lang=es head titleColumnas sin tablas/title meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 / meta name=Generator content=EditPlus / style type=text/css label { width: 25%; background-color: yellow; float: left; text-transform: capitalize; } select, input { display: block; margin-left: 25%; width: 50%; } /style /head body h1Columnas sin tablas/h1 label for=nombrenombre/labelinput id=nombre/ label for=apellidosapellidos/labelinput id=apellidos/ label for=edadedad/labelinput id=edad size=2/ label for=profesionprofesión/labelinput id=profesion size=30/ label for=estadoestado civil/labelselect id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select /body /html -- Santiago. ___ 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] [OT] consulta sobre utilización de tablas en forms
Buenas tardes, Martin: Pues encuentro muy interesante la crítica del funcionario del Spri. Creo que está bien sustentada y me ha convencido, así es que he modificado mi ejemplo: !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; xml:lang=es lang=es head titleColumnas sin tablas/title meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 / style type=text/css label { background-color: yellow; display: block; margin-top: 4px;/* separación entre filas */ } select, input { position: absolute; left: 25%; /* ancho de la primera columna */ width: 74%; /* ancho de la segunda columna */ } /style /head body h1Columnas sin tablas/h1 labelnombreinput id=nombre//label labelapellidosinput id=apellidos//label labeledadinput id=edad size=2//label labelprofesióninput id=profesion size=30//label labelestado civilselect id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select/label /body /html Lo he probado con IE7, FF3.6 y Chrome 0.3, y en todos funciona bien. El diseño sigue siendo líquido, porque si redimensionas la ventana, el contenido también se redimensiona proporcionalmente. Saludos, y gracias por el feedback. Santiago. Message: 2 Date: Mon, 12 Apr 2010 11:16:39 +0200 From: Martin Etxauri t...@eragin.com Subject: Re: [Ovillo] [OT] consulta sobre utilización de tablas en forms To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: 15fa8f90-932f-4235-ab50-c130b702c...@eragin.com Content-Type: text/plain; charset=windows-1252 Hola a todos Respecto a este tema de los formularios os envío lo que nos comentaba el funcionario que hizo la revisión de la web (en este caso del spri, organismo del gobierno vasco que se ocupa de estas cosas). Según esto lo que tu mandas, Santiago, no sería correcto, luego podéis estar de acuerdo o no :) pero yo os lo pongo: aquí va: --- ? Los formularios de la web carecen de elementos estructurales. Si no se desea utilizar elementos estructurales en el formulario, la asociación implícita de los controles y las etiquetas del formulario deberá realizarse por englobamiento y no por posicionamiento. A lo que nos referimos es que los campos de formulario no tienen ninguna estructura (p o incluso li). Debido a que son campos de formulario, no hace falta utilizar esos elementos estructurales, porque podemos utilizar el elemento label para dar la estructrura. Pero en este caso la asociación debe ser por englobamiento y no por posicionamiento (como ocurre ahora): Es decir, si no se quiere utilizar otra estructura (p), se podrá utilizar el elemento label, que ofrece suficiente estructura si cada label engloba tanto la etiqueta de texto como campo de formulario: * incorrecto: label texto /label + campo formulario * correcto: plabel texto/label + campo formulario /p * correcto: label texto + campo formulario /label * correcto: plabel texto + campo formulario /label/p Es decir, la estructura mínima se tiene que ofrecer mediante los label, englobando [1]. Sí sólo hay label, pero éste no engloba texto y campo, sino que están uno después del otro [2], entonces no es correcto y hay que buscar una estructura más, como el p. [1] Englobamiento: cuando label engloba tanto a etiqueta de texto como a campo de formulario. [2] Posicionamiento: el label sólo engloba la etiqueta de texto e inmediatamente después, se pone el campo de formulario. ___ 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] [OT] consulta sobre utilización de tablas en forms
Martin Etxauri: Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Hola, Martín: Para que uses LABEL+INPUT en lugar de TABLE, aquí te pongo otra alternativa que da el pego: -- !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; xml:lang=es lang=es head titleColumnas sin tablas/title meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 / meta name=Generator content=EditPlus / style type=text/css label { width: 25%; background-color: yellow; float: left; text-transform: capitalize; } select, input { display: block; margin-left: 25%; width: 50%; } /style /head body h1Columnas sin tablas/h1 label for=nombrenombre/labelinput id=nombre/ label for=apellidosapellidos/labelinput id=apellidos/ label for=edadedad/labelinput id=edad size=2/ label for=profesionprofesión/labelinput id=profesion size=30/ label for=estadoestado civil/labelselect id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select /body /html -- Santiago. ___ 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] [OT] consulta sobre utilización de tablas en forms
Hola a todos Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Yo, con toda la buena intención había utilizado tablas para unos formularios, me pareció que un formulario es un contenido que se puede mostrar en una tabla de dos columnas, en la de la izquierda ponemos que es cada campo y en el de la derecha los campos a rellenar, y claro, según esta idea mía, lo de la izquierda serían TH porque dicen que es lo que contienen (o contendrá) los TD de la derecha. No se, si yo pongo una ficha de una persona no cabe duda de que eso puede ser datos tabulados ¿no? por poner un ejemplo super resumido algo así: table tr thNombre/th tdPepito/td /tr tr thApellido/th tdGrillo/td /tr /table Entonces, ¿un formulario que es eso mismo, pero todavía sin rellenar, no puede ser también datos tabulados? que vendría a ser (no pongo todo el code del form): table tr thNombre/th td[textfield para poner nombre]/td /tr tr thApellido/th td[textfield para poner apellido]/td /tr /table Todo esto viene de una web que tiene que pasar una revisión de accesibilidad para recibir una subvención y me decían que no, que por un lado eso no tiene que estar maquetado con tablas y por otro, claro, que estaba utilizando los TH para uso estético... pero yo lo había hecho creyendo que estaba bien utilizado y lo sigo creyendo :) Gracias a todos Martin ___ 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] [OT] consulta sobre utilización de tablas en forms
Buenas, 2010/4/6 Martin Etxauri t...@eragin.com Yo, con toda la buena intención había utilizado tablas para unos formularios, me pareció que un formulario es un contenido que se puede mostrar en una tabla de dos columnas, en la de la izquierda ponemos que es cada campo y en el de la derecha los campos a rellenar, y claro, según esta idea mía, lo de la izquierda serían TH porque dicen que es lo que contienen (o contendrá) los TD de la derecha. Según mi humilde opinión, sería más correcto una lista de definición como dice Tei. Flotando los dt, con ancho fijo y clears, puedes emular una tabla, sin ser una tabla. Pero yo una tabla simple como has puesto tampoco lo daría por malo. Todo esto viene de una web que tiene que pasar una revisión de accesibilidad para recibir una subvención y me decían que no, que por un lado eso no tiene que estar maquetado con tablas y por otro, claro, que estaba utilizando los TH para uso estético... pero yo lo había hecho creyendo que estaba bien utilizado y lo sigo creyendo :) No sé las WCAG 2 qué dicen al respeto, pero para mi el formulario maquetado con una tabla como decías sí es accesible dentro de las WCAG 1 puesto que si linearalizas (o como se diga, supongo que me entendéis) la tabla, lo que leería un lector de pantalla tendría sentido. Y lo de poner los nombres de los campos (Nombre, Apellidos, ...) com th me parece totalmente correcto. Es más, me parecería incorrecto que los pusieras como un simple td. No sé si deberías indicar algo como scope=row en cada th o similar... La verdad es que las tablas tienen cantidad de atributos para mejorar su accesibilidad y lo tengo ya muy olvidado. saludos, carlos. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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] [OT] consulta sobre utilización de tablas en forms
Desde mi punto de vista... Formulario = entrada de datos Tabla = salida de datos Por lo tanto, NO se debe maquetar un formulario con una tabla, y menos poner th para indicar cabeceras de datos tabulares. En general, una tabla podría contener varios registros iguales con los mismos campos, mientras que un formulario raramente tendrá este aspecto (normalmente la relación será uno a uno entre etiqueta y control). En el caso de una ficha, también creo que sería más correcto utilizar listas de definición, aunque habría que ver cada caso concreto, y tal vez en algunos casos una tabla sería adecuada. Además, en HTML existe el elemento específico label para asociar las etiquetas de forma única a cada control, y si hace falta agrupar controles como botones de radio, existen fieldset y legend, por lo que no veo sentido a usar otros elementos que no están pensados para ese fin. Si necesitas maquetarlo (visualmente) en forma de tabla, puedes usar CSS para hacerlo sin demasiada complicación, y siempre puedes añadir los div o span que hagan falta sin añadir semántica al contenido. En WCAG 1.0, los puntos asociados serían: 3.3 (maquetar con estilos), 5.3 (tablas de maquetación), 5.4 (th usado para otro fin distinto de marcar encabezados de datos tabulares), 10.2 (asociación implícita de etiquetas y controles) y 12.4 (asociación explícita de etiquetas y controles). En WCAG 2.0, tendrías el 1.1.1 (alternativas a elementos no textuales), 1.3.1 (información y relaciones), y 3.3.2 (etiquetas o instrucciones), aunque dado que las WCAG 2.0 admiten lo de programáticamente determinable, igual hasta colaba, pero sigo viéndolo mú feo cuando existe label para eso. Saludín, Ramón. Martín escribió: sobre utilización de tablas en formularios ___ 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] [OT] consulta sobre utilización de tablas en forms
Hombre, si ya has puesto el label no necesitas el dt ni dd. En realidad yo me refería a cuando quieres presentar datos, no a recogerlos. Para entrada, sólo label e input deberían bastar, y mejor si se mete el input dentro del label: label for=tx-tel Teléfono input id=tx-tel type=text / spanejemplo: 91 333 /span /label Saludos, Ramón. Gerardo escribió: Lo que he visto por ahí es una lista de definición con etiquetas 'LABEL' como bien dice Ramón, agrupándolas mediante fieldset. ___ 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] [OT] consulta sobre utilización de tablas en forms
2010/4/6 Martin Etxauri t...@eragin.com Hola a todos Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Yo, con toda la buena intención había utilizado tablas para unos formularios, me pareció que un formulario es un contenido que se puede mostrar en una tabla de dos columnas, en la de la izquierda ponemos que es cada campo y en el de la derecha los campos a rellenar, y claro, según esta idea mía, lo de la izquierda serían TH porque dicen que es lo que contienen (o contendrá) los TD de la derecha. No se, si yo pongo una ficha de una persona no cabe duda de que eso puede ser datos tabulados ¿no? por poner un ejemplo super resumido algo así: table tr thNombre/th tdPepito/td /tr tr thApellido/th tdGrillo/td /tr /table Entonces, ¿un formulario que es eso mismo, pero todavía sin rellenar, no puede ser también datos tabulados? que vendría a ser (no pongo todo el code del form): table tr thNombre/th td[textfield para poner nombre]/td /tr tr thApellido/th td[textfield para poner apellido]/td /tr /table Todo esto viene de una web que tiene que pasar una revisión de accesibilidad para recibir una subvención y me decían que no, que por un lado eso no tiene que estar maquetado con tablas y por otro, claro, que estaba utilizando los TH para uso estético... pero yo lo había hecho creyendo que estaba bien utilizado y lo sigo creyendo :) Gracias a todos Martin Te paso unos links muy interesantes y útiles sobre como diseñar forms en html, usando CSS en lugar de tablas. No tienen desperdicio ;-) Aaron Gustafson — Learning to love forms http://www.webdirections.org/resources/aaron-gustafson/ Beautiful Forms – Design, Style, make it work with PHP Ajax http://www.noupe.com/php/beautiful-forms.html Saludos, Joaquín ___ 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] [OT] consulta sobre utilización de tablas en forms
Considero que una tabla es para mostrar datos. Para lo que necesitas te recomiendo css y si no quieres complicarte mucho échale un ojo a esto http://sprawsm.com/uni-form/ -- Jairo Ochoa El 6 de abril de 2010 16:52, Joaquín Vicente joa...@gmail.com escribió: 2010/4/6 Martin Etxauri t...@eragin.com Hola a todos Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Yo, con toda la buena intención había utilizado tablas para unos formularios, me pareció que un formulario es un contenido que se puede mostrar en una tabla de dos columnas, en la de la izquierda ponemos que es cada campo y en el de la derecha los campos a rellenar, y claro, según esta idea mía, lo de la izquierda serían TH porque dicen que es lo que contienen (o contendrá) los TD de la derecha. No se, si yo pongo una ficha de una persona no cabe duda de que eso puede ser datos tabulados ¿no? por poner un ejemplo super resumido algo así: table tr thNombre/th tdPepito/td /tr tr thApellido/th tdGrillo/td /tr /table Entonces, ¿un formulario que es eso mismo, pero todavía sin rellenar, no puede ser también datos tabulados? que vendría a ser (no pongo todo el code del form): table tr thNombre/th td[textfield para poner nombre]/td /tr tr thApellido/th td[textfield para poner apellido]/td /tr /table Todo esto viene de una web que tiene que pasar una revisión de accesibilidad para recibir una subvención y me decían que no, que por un lado eso no tiene que estar maquetado con tablas y por otro, claro, que estaba utilizando los TH para uso estético... pero yo lo había hecho creyendo que estaba bien utilizado y lo sigo creyendo :) Gracias a todos Martin Te paso unos links muy interesantes y útiles sobre como diseñar forms en html, usando CSS en lugar de tablas. No tienen desperdicio ;-) Aaron Gustafson — Learning to love forms http://www.webdirections.org/resources/aaron-gustafson/ Beautiful Forms – Design, Style, make it work with PHP Ajax http://www.noupe.com/php/beautiful-forms.html Saludos, Joaquín ___ 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] [OT] consulta sobre utilización de tablas en forms
Aupa Muchísimas gracias a todos por las respuestas, me habéis aclarado la cosa bastante. Me voy a mirar los links y me desharé de las tablas, que aunque podrían colar ;) creo que no pintan nada. gracias saludos Martin ___ 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