Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

¿Cómo se recogen los datos del formulario? Lo normal es utilizar una base de datos para recoger la información transmitida a través de un formulario en una página web. Los datos que se introducen en un formulario en el lado del cliente (el navegador web) se envían a través de Internet al servidor web, donde son recogidos y almacenados en una base de datos para su posterior consulta. Pero para hacerlo así es necesario tener conocimientos de programación y de bases de datos y eso está al alcance de los conocimientos de todas las personas. Sin embargo, existe una alternativa fácil de implementar En el atributo action de la etiqueta <form> que define un formulario se puede indicar un correo electrónico para que los datos se envíen directamente a un correo electrónico.     ¿Cómo se hace? Puedes consultar tú los siguientes recursos que contienen ejemplos que puedes copiar a tus páginas web: Cómo utilizar el mailto: protocolo en una acción <form> mailto P

La conducta del elemento select  varia sustancialmente de acuerdo al valor del atributo múltiple , el cual decide si el control permitirá a los usuarios elegir una sola opción o muchas.  Dependiendo del valor de este atributo, el control select puede compararse con los botones de opción (cuando el atributo múltiple está ausente), que permiten a los usuarios elegir solo una opción entre muchas, y a las casillas de verificación (cuando el atributo múltiple está presente), que permiten a los usuarios la selección de tantas opciones como estén disponibles. Ejemplo definiendo una opción predeterminada . Esta opción aparecerá seleccionada cuando la página se carge por primera vez y cuando el usuario restaure el formulario . Para hacer una opción predeterminada, solo necesitamos declarar el atributo selected para la misma. Si el atributo multiple no está presente en el control, solo una opción en la lista puede tener el atributo selected declarado. <form action= &q

El elemento select ( <select> ) de HTML representa un control que muestra un menú de opciones . P ermite generar listas desplegables y listas de selección múltiple. Los atributos de select son: "name" (fundamental para el manejo de los datos enviados por el formulario)y "multiple" Permite al usuario elegir de entre un número de opciones. Las opciones en una lista select son provistas con el elemento option y pueden ser agrupadas con el elemento optgroup . Ejemplo de un formulario básico con un solo control <select>: <form action= "../../form-result.php" target= "_blank" > <p> Deporte favorito: <select name= "deporte" > <option> Fútbol </option> <option> Críquet </option> <option> Básquetbol </option> <option> Hockey </option> <option> Tenis </option> </select>

"reset"  Es el botón que restaura los contenidos de un formulario a sus valores predeterminados , es decir que define un botón que al ser pulsado por el usuario borra todos los datos que hubiera introducido en cualquiera de los campos del formulario . Sus atributos son: value="valor" , que define el texto que va a aparecer en el botón de envío. disabled , que desactiva el botón, de tal forma que no se produce ninguna acción cuando se pulsa, pués permanece inactivo. tabindex = "n" , que especifica el orden de tabulador que tendrá el campo respecto todos los elementos que incluye el formulario. Fuentes: Activate, Google España HTMLWEB MDNwebdocs aprenderaprogramar.com

"image" introduce un botón definido por una imagen, en vez del formato estándar de botones, con lo que podemos así personalizar el botón.  Admite los parámetros: name="nombre" , que asigna un nombre al botón para identificarlo de forma única y poder así acceder luego a sus propiedades. src= "ruta imagen" , que establece la ruta dónde localizar el fichero de imagen. Esta ruta puede ser relativa al directorio web en el servidor o una URL absoluta que define unívocamente la localización de la imagen. width= "w" , que fija la anchura del botón de imagen. height= "h" , que fija la altura del botón de imagen. align= "left / middle / right / bottom / baseline..." , que define la posición del texto que rodea el botón respecto a este. hspace= "x" , que fija el espacio horizontal que habrá entre el botón y el texto que lo circunda. vspace= "x" , que fija el espacio vertical que habrá entre el bot

"checkbox" que define una o mas casillas de verificación, pudiendo marcar el usuario las que desee del conjunto total. Si pinchamos una casilla con el ratón o la activamos con el tabulador y le damos a la barra espaciadora la casilla se marca; si volvemos a hacerlo, la casilla se desmarca. Sus parámetros complementarios son: name=" nombre" , que asigna un nombre identificador único a la variable definida por el elemento. Este identificador debe ser el mismo para todos los elementos conjunto de casillas. value ="valor" , que define un valor posible de la variable para cada uno de casillas de verificación. checked , que marca por defecto una o mas de las casillas del grupo. disabled , que desactiva la casilla de verificación, por lo que el usuario no podra marcarla. tabindex = "n" , que especifica el orden de tabulador que tendra el campo respecto todos los elementos que incluye el formulario. Ejemplo: < form a