Y ). Para ello se utiliza un conjunto de atributos formaction, formmethod, formenctype y formtarget, que son análogos de los atributos correspondientes sin el prefijo de formulario. El ejemplo 4 muestra el uso de estos atributos.Ejemplo 4: enviar un formulario
HTML5 IE Cr Op Sa Fx
Enviar un formulario
Algunos navegadores no admiten todos los atributos de formulario nuevos, en particular Internet Explorer y Safari.
F formularios en html están destinados al intercambio de datos entre el usuario y el servidor. El ámbito de aplicación de los formularios no se limita al envío de datos al servidor; mediante scripts del cliente, puede acceder a cualquier elemento del formulario, modificarlo y aplicarlo a su discreción.
Se utiliza un botón para enviar el formulario al servidor. ENTREGAR , se puede lograr el mismo efecto presionando la tecla Ingresar dentro del formulario. Cuando formulario html enviado al servidor, la gestión de datos se transfiere al programa CGI, especificado por el parámetro acción de la etiqueta FORM. Abreviado como CGI (Interfaz de puerta de enlace común, común interfaz de puerta de enlace )
denota el protocolo mediante el cual los programas interactúan con el servidor web. Con CGI, puede ejecutar programas en el servidor en cualquier lenguaje de programación y mostrar el resultado de sus acciones como una página web. Los lenguajes más populares son Perl, PHP, C.
Etiqueta FORM: crear un formulario
Para decirle al navegador dónde empezar y terminar formulario html , se utiliza la etiqueta FORM. Puede colocar las etiquetas HTML necesarias entre las etiquetas de apertura y cierre. Esto le permite agregar elementos de formulario a las celdas de la tabla para darles formato, así como usar imágenes. Un documento puede contener cualquier número de formularios, pero sólo se puede enviar un formulario al servidor a la vez. Por este motivo, los formularios no deben anidarse unos dentro de otros.
Los atributos de la etiqueta FORM se detallan a continuación:
acción - especifica el controlador al que se accede a los datos del formulario cuando se envían al servidor; el controlador puede ser un programa CGI o un documento HTML, y también puede especificar la dirección; correo electrónico , a partir de palabra clave maito .
enctipo - establece el tipo de datos enviados junto con el formulario.
método - este parámetro informa al servidor sobre el propósito de la solicitud; se utilizan dos métodos principales: CONSEGUIR Y CORREO :
conseguir - este método es uno de los más comunes y está diseñado para obtener la información requerida y transmitir datos en la barra de direcciones.
correo - envía datos al servidor en una solicitud del navegador, lo que le permite enviar más datos que los disponibles para el método CONSEGUIR , ya que tiene un límite de 4 KB.
objetivo - después de procesar el formulario, los datos se devuelven en forma de documento HTML y, utilizando este atributo, se puede determinar la ventana en la que se cargará la página web final. El nombre de la ventana está especificado por el parámetro. NOMBRE .
_blanco - se carga en una nueva ventana del navegador;
_ser - carga la página devuelta por el controlador de formulario en la ventana actual;
_padre - carga la página en el marco principal, si no hay marcos, entonces este parámetro funciona como _ser ;
_arriba - descarta todos los marcos si están presentes y carga la página en una ventana completa del navegador; de lo contrario, esta opción funciona como _ser .
Elementos de formulario
Un formulario es solo un contenedor para colocar objetos que duplican elementos de la interfaz del sistema operativo: botones, cuadros combinados, botones de opción, casillas de verificación, etc.
Campo de texto
El campo de texto está destinado a ingresar caracteres desde el teclado. Hay tres elementos de formulario que se utilizan para este propósito: un campo de texto de una sola línea, un campo de contraseña y un campo de texto de varias líneas:
Campo de texto de una sola línea - este campo está destinado a que el usuario introduzca una línea de texto. El tamaño del campo se puede limitar en ancho, pero esto se hace más por conveniencia del diseño, para que el elemento pueda caber en el espacio asignado para él. Al limitar el ancho del campo, el texto se puede escribir como de costumbre, pero al escribir, los caracteres ingresados previamente se ocultan.longitud máxima - cantidad máxima caracteres permitidos al escribir; si se omite este parámetro, el número de caracteres ingresados es ilimitado.
nombre - el nombre del campo, destinado a que el responsable del formulario pueda identificar el campo.
tamaño - ancho del campo, tamaño físico Depende de la configuración del sistema operativo y del navegador seleccionado.
valor - el texto inicial contenido en el campo.
A continuación se proporciona un ejemplo del uso de un campo de texto:
En el navegador este código se verá así:
El ancho del campo de texto es un valor inestable y puede variar dentro de pequeños límites de un lugar a otro. Para formularios html , que se encuentra en la columna ancho limitado , dichos cambios alteran el diseño original. En este caso, es mejor evitar el uso del parámetro por completo. tamaño y reemplazarlo con estilos. Además, CSS te permite cambiar (fondo) , (fuente) Y (borde) .
Con los estilos aplicados, podría verse así:
Campo de contraseña - un campo de texto normal, cuyo texto introducido se muestra como asteriscos. Esta función está diseñada para evitar que alguien espíe la contraseña ingresada. Las opciones del campo de contraseña son las mismas que las opciones del campo de texto. Campo de contraseña encontrado amplia aplicación en sitios web para autorizar a los usuarios y restringir el acceso a secciones del sitio web donde se deben confirmar los derechos de acceso.
Veamos qué pasó en el navegador:
Introduzca el nombre: Ingrese su reseña:
Bueno, ya casi está hecho. forma terminada Comentarios, si le das ciertos estilos, obtendrás resultados bastante decentes. formulario html para el sitio .
Imágenes en campo de texto
Generalmente se agrega una imagen al lado de un campo de texto para atraer la atención del usuario y con fines de diseño. Los estilos le permiten insertar una imagen directamente en el campo de entrada de texto.
Primero, prepare la imagen necesaria y luego agréguela a la etiqueta. APORTE como fondo usando el . dibujo original puede reducirse mediante editor gráfico o, por el contrario, aumentar la altura del campo, ajustándolo a la altura de la imagen. Para ello se utiliza la propiedad altura . Como argumento de parámetro fondo debe ser usado no repetir , entonces la imagen solo aparecerá una vez y no se repetirá como el fondo predeterminado. Para evitar escribir texto encima de la imagen, al estilo de la etiqueta APORTE se debe agregar el atributo relleno-izquierda . Garantiza que el texto se establezca a la derecha de la imagen y su valor depende del ancho de la imagen.
Algo como esto:
Acceso: Contraseña:
Debido a que el campo de texto aparece empotrado por el borde 3D, la altura real del área es ligeramente menor que la altura especificada. Entonces, en este ejemplo, se utilizan imágenes con una altura de 34 píxeles; si establece el mismo valor para el margen, las imágenes se recortarán desde la parte inferior. Para evitar que esto suceda, la altura del campo en el ejemplo se establece más alta. Para el mismo propósito, puedes establecer un tipo diferente de marco usando el estilo.
Botones
Los botones son uno de los elementos de la interfaz más claros e intuitivos. Por su apariencia, inmediatamente queda claro que la única acción que se puede realizar con ellos es hacer clic en ellos. Debido a esta característica, los botones se utilizan a menudo en los formularios, especialmente al enviarlos y borrarlos.
Un botón en una página web se puede crear de dos maneras: usando una etiqueta APORTE y etiquetar BOTÓN . Primero consideremos agregar un botón a través de APORTE y su sintaxis.
Sólo hay dos parámetros principales: estos son nombre Y valor . Atributo nombre especifica el nombre del botón y está destinado a permitir que el procesador del formulario identifique este campo. Parámetro nombre se puede omitir, en cuyo caso el valor del botón no se envía al servidor. El valor del botón y la etiqueta en él se configuran simultáneamente usando el parámetro valor .
Puedes poner cualquier cantidad de espacios en la etiqueta del botón, usándolos puedes ajustar su ancho.
La segunda forma de crear un botón se basa en el uso de una etiqueta. BOTÓN . En su acción se parece al resultado obtenido usando la etiqueta. APORTE . A diferencia de esta etiqueta, BOTÓN Ofrece opciones avanzadas para crear botones. Por ejemplo, en dicho botón puede colocar cualquier elementos HTML , incluido . Con los estilos, puede configurar la apariencia de un botón cambiando la fuente, el color de fondo, el tamaño y otros parámetros.
En teoría, la etiqueta BOTÓN debe ubicarse dentro del formulario establecido por el elemento FORMA . Sin embargo, los navegadores no muestran un mensaje de error y funcionan correctamente con la etiqueta. BOTÓN , si ocurre de forma independiente. Sin embargo, si el resultado de hacer clic en un botón debe enviarse al servidor, coloque BOTÓN entre etiquetas FORMA Necesariamente.
El siguiente ejemplo muestra cómo crear botón normal con texto, así como botones con uso simultáneo texto y dibujo. Para garantizar que la imagen y el texto estén alineados en el mismo eje, se agrega el atributo absmiddie para etiqueta IMG .
Botón con texto
Enviar
Esto es lo que pasó:
Botón con texto
Enviar
Botón ENTREGAR - diseñado para enviar datos al servidor. Su apariencia no es diferente de otros botones, pero cuando haces clic en él, se ejecuta. programa de servidor , especificado por el parámetro acción etiqueta FORMA . Este programa, también llamado controlador de formulario, recibe los datos ingresados por el usuario en los campos del formulario, realiza las manipulaciones necesarias con ellos y luego devuelve el resultado en forma de documento HTML. Lo que hace exactamente el controlador depende del autor del sitio; Así, se utiliza tecnología similar para crear encuestas, foros, libros de visitas, pruebas y muchas otras cosas.
El navegador mostrará:
Botón REINICIAR - cuando presionas un botón REINICIAR los datos del formulario se devuelven a su valor original. Normalmente, este botón se utiliza para borrar la información ingresada en los campos del formulario. Pero para formularios grandes, use un botón. REINICIAR Es mejor rechazarlo por completo para no hacer clic en él por error, porque entonces tendrás que volver a rellenar el formulario.
A continuación se muestra un formulario con uno campo de texto que ya contiene texto previamente ingresado usando el parámetro valor etiqueta APORTE . Después de cambiar el texto y hacer clic en el botón "Borrar", el valor del campo se restaurará y aparecerá nuevamente el mensaje "Ingresar texto".
Veamos el código formularios html en la pantalla del navegador: Este campo tiene tres parámetros principales: nombre , valor Y comprobado :
nombre - identifica de forma única el campo; además, dado que los botones de opción son elementos de grupo, el nombre de todos los elementos del grupo debe ser el mismo. Este enfoque establece sin ambigüedades que un campo pertenece a un grupo específico.
valor - especifica qué valor se enviará al servidor. Aquí, cada elemento debe tener su propio valor único para que se pueda identificar qué elemento fue seleccionado por el usuario.
comprobado - Se utiliza para preseleccionar un elemento de la lista.
Por definición, un conjunto de botones de opción solo puede tener un elemento seleccionado, por lo que agregar comprobado a varios campos a la vez no conducirá a ningún resultado sobresaliente. En cualquier caso, se marcará el elemento que aparezca en último lugar en el código HTML.
¿Qué es 2+2?
3
4
Oscuridad
En el navegador el formulario se verá así:
¿Qué es 2+2? 3 4 Oscuridad
Casillas de verificación
Casillas de verificación (caja) Se utiliza cuando es necesario seleccionar dos o más opciones de la lista propuesta. Si necesita seleccionar solo una opción, entonces debería preferir los botones de opción (botón de opción) .
Los parámetros de las casillas de verificación son idénticos a los de los botones de opción, a saber: nombre especifica el nombre del campo, valor - su valor, un comprobado establece la casilla de verificación como marcada. En este caso, cada checkbox incluido en el grupo se considera independiente, por lo que sus nombres y valores deben ser diferentes.
Con qué sistemas operativos ¿Se conocen?
Ventanas 95/98
ventana 2000
Sistema X
linux
X3-DOS
Se mostrará el navegador.
A menudo, en los sitios web se pueden encontrar páginas con formularios HTML. Formularios web – manera conveniente obtener información de los visitantes de su sitio. Un ejemplo de esto es - , - que proporciona comentario con los visitantes y desarrolladores del sitio. Los formularios también son convenientes para los desarrolladores de sitios cuando desarrollan un CMS, lo que les permite mantener la propiedad principal del sitio: la relevancia. Este artículo está dedicado a los conceptos básicos de la creación de formularios HTML, su procesamiento y las formas de transferir datos desde formularios de pantalla a scripts PHP.
1) Crea un formulario simple Etiquetas
Y