logo El diario de Pepe Molina (Caricatos)

yo

Los formularios que se encuentran en páqinas web, se pueden diferenciar por muchas características, pero la más importante sería diferenciar los formales de los demás.


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

El silencio de la gente es una advertencia para el rey

Anónimo, Proverbio francés.


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

La estética de los formularios

emoticón de Caricatos Publicado el día 22 de septiembre de 2011
id=41; categorías: Vicisitudes de un Webmaster, Programación

Los formularios que se encuentran en páqinas web, se pueden diferenciar por muchas características, pero la más importante sería diferenciar los formales de los demás.

	¿A qué llamamos formularios normales?

A continuación mostramos un formulario que podemos considerar normal, con una serie de controles que se deben rellenar, y los típicos botones de formulario (enviar y limpiar); formulario que hemos obtenido retocando algunas cosas del ejemplo del tutorial El abc de los formularios del mismo autor de este diario.

Formulario de Contacto

Idiomas que conoces
Otros botones de envío:

Y para que el ejemplo sea operativo y podamos analizar los resultados, a continuación ponemos una ventana (iframe) para recibir el formulario.

De esta forma cada vez que enviemos el formulario, veremos lo que llega del mismo en el recuadro que precede a este párrafo.

Controles informales

Aquí es donde queríamos llegar; para empezar, seguro que nos hemos preguntado que tendrá que ver la imagen que hemos puesto al inicio del apunte y que no tiene nada que ver con un formulario, pues será cuestión de pincharla para adivinar nuestra intención: .

También será fácil activar/desactivar las casillas del campo "Idiomas que conoces" con las propias banderas ubicadas en cualquier ubicación de la página, por ejemplo en este mismo párrafo.

Si miramos el código, encontramos que el secreto está en el uso de la etiqueta label, que activa el control con el mismo atributo id que su atributo for, aunque debemos tener mucho cuidado con este tipo de excentricidades, ya que podemos cambiar algún valor importante.

El caso de los botones de envío

Hemos visto entre los "otros botones de envío" la imagen , que si la pinchamos dentro del formulario, al tratarse de una imágen, envía las coordenadas (x, y) de la misma donde se ha pinchado, pero esa coordenada será (0, 0) si activamos ese control desde un label.

Otra característica de los botones del tipo submit es que cuando tienen nombre (name) su valor (value) también se envía, así que podemos aprovechar para darle alguna funcionalidad adicional.

Algunas conclusiones

Hemos visto como activar controles del tipo "checkbox" con el ejemplo de las banderas, y evidentemente será igual con los controles del tipo "radio"; pero nos falta averiguar cómo tratar los controles tipo "select"...

Sobre los select diremos que un control de este tipo se puede reemplazar por una serie de controles del tipo radio; y los controles select múltiple se pueden reemplazar con varios controles del tipo checkbox con el mismo nombre.

Creo que con estas pocas líneas podemos personalizar un formulario, aunque mi opinión particular es evitar los enmascaramientos cuando queremos crear un página seria.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.41) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 2850 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

http://www.pepemolina.com/postales/Fondos/FONDO009.gif
http://www.pepemolina.com/postales/Musicales/jflamen8.gif
http://www.pepemolina.com/postales/Brujas/bruja12.gif
http://www.pepemolina.com/postales/Comic/erotico029.gif
Las amigas de
Las amigas de
Caricatos
Caricatos
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio