El diario de Pepe Molina (Caricatos)
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
RSS de las imágenes: 
La Cita
No existe una mejor prueba del progreso de una civilización que la del progreso de la cooperación
John Stuart Mill, filósofo y economista británico (1806-1873).
En esta zona están las páginas personales del autor.
Mis Enlaces
Mis clientes ahora también son mis amigos (aunque les cobre).
Mis Clientes
En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..
Mis Amigos Informáticos
En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)
Mis Amigos Artistas
Las recomendaciones que proponemos son de índole variada.
Mis recomendaciones
Aquí un cajón de sastre de enlaces.
Interés General
Nos referencian desde sitios de toda índole.
Referencias externas
Puede contribuir a mantener esta página con su donativo.
La estética de los formularios
Publicado el día 22 de septiembre de 2011id=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
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)
Historial de navegación
Esta página ha sido visitada en 7134 ocasiones
Disponemos de rss
Y del Mapa del sitio, además del sitemap.xml.
Aquí podemos encontrar los apuntes más visitados.
Top 10 
"Top 10" reemplaza a la sección Últimos apuntes.
Una buena forma de buscar un apunte es a partir de su categoría.
Categorías (11)
- Caricatos (20)
- Así se hizo (41)
- Vicisitudes de un Webmaster (136)
- Mentes pensantes (9)
- Eventos y efemérides (9)
- Globalización (66)
- Mamarrachadas (6)
- Artes y oficios (12)
- Programación (112)
- Caricaturas y caricaturistas (15)
- Experiencias SEO (11)
También es posible buscar apuntes por medio de las etiquetas (tags).
Etiquetas
Hemos decidido poner al alcance de todos algunos comodines.
Extras
- listado de caricaturas
- listado de imágenes
- listado de extras
- listado de categorías
- listado de etiquetas
- listado de postales
- grupos de apuntes
- buscador interno
- anuario 2010
- anuario 2011
- anuario 2012
- anuario 2013
- anuario 2014
- anuario 2015
- anuario 2016
- anuario 2017
- anuario 2018
- anuario 2019
- anuario 2020
- anuario 2021
- anuario 2022
- anuario 2023
- anuario 2024
Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:
También estamos recopilando antiguas páginas del sitio.
Otras páginas del dominio
Desde este recuadro se puede hacer una búsqueda cronológica.
Archivos
- 2017 (7)
- 2016 (2)
- 2015 (6)
- 2014 (12)
- 2013 (20)
- diciembre (2)
- noviembre (1)
- octubre (1)
- septiembre (1)
- agosto (1)
- junio (1)
- mayo (2)
- abril (2)
- marzo (1)
- febrero (3)
- enero (5)
- 2012 (45)
- diciembre (3)
- noviembre (6)
- octubre (2)
- septiembre (4)
- agosto (2)
- julio (2)
- junio (3)
- mayo (4)
- abril (3)
- marzo (6)
- febrero (5)
- enero (5)
- 2011 (62)
- diciembre (5)
- noviembre (9)
- octubre (6)
- septiembre (6)
- agosto (3)
- julio (2)
- junio (5)
- mayo (4)
- abril (2)
- marzo (5)
- febrero (7)
- enero (8)
- 2010 (1)
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..