¿Qué es una forma?
Los formularios en HTML son un medio importante para que las páginas HTML interactúen con el navegador. Usando el formulario, el servidor puede recopilar información relevante enviada por el navegador del cliente, como la contraseña ingresada, etc. Al navegar en los sitios web, a menudo encontramos formularios. Son una parte importante de la función interactiva entre el servidor y el navegador. La interacción aquí significa un proceso de intercambio de datos entre sí, como transmitir la contraseña que ingresamos localmente al servidor. No importa qué forma de lenguaje utilice el sitio web para implementar las funciones interactivas del sitio web, como ASP, PHP, JSP, etc., los formularios se han convertido en su método de recopilación de información unificada.
La función principal de un formulario es recopilar información, específicamente la información del espectador. Por ejemplo, si solicita un correo electrónico en línea, debe completar la página del formulario proporcionada por el sitio web según sea necesario, que incluye principalmente información personal como nombre, edad, información de contacto, etc. Por ejemplo, si desea hablar en un foro, debe solicitar la calificación antes de hablar, y debe completar una página de formulario. Por supuesto, el formulario es invisible sin mirar el código fuente, y los usuarios no pueden sentir que el formulario existe.
Los formularios generalmente se pueden usar para encuestar, ordenar, buscar y otras funciones. En general, las formas están compuestas de dos partes. Uno es el código fuente HTML que describe los elementos de formulario. En el navegador, podemos encontrar esta parte a través del código fuente. El segundo es el script del cliente, o el programa utilizado por el servidor para procesar el relleno del usuario. Aquí, procesa principalmente los datos recopilados. Por ejemplo, la contraseña obtenida en el ejemplo anterior debe transmitirse al servidor para verificar si la contraseña es correcta. Si es correcto, ingresará, y si está libre de errores, no se registrará. Este es un proceso de procesamiento. En HTML, podemos definir formularios y cooperar con los manejadores de formulario en lenguajes de secuencias de comandos del lado del servidor como ASP y PHP. El proceso de procesamiento de información del formulario es: cuando hacemos clic en el botón enviado en el formulario, la información ingresada en el formulario se transferirá al servidor y luego procesa las aplicaciones relevantes del servidor. Después del procesamiento, almacene la información presentada por el usuario en la base de datos del servidor o devuelva la información relevante al navegador del cliente. Echemos un vistazo más de cerca a los diversos puntos de conocimiento del formulario.
1. Etiqueta de formulario <Form>
Un formulario se encuentra en un área específica en una página web, definida e identificada por un par de etiquetas <form>. <Form> Las etiquetas tienen dos funciones principales en las páginas web.
Primero, puede definir el alcance de su función de la forma, y se deben insertar otras marcas de objeto de forma en el formulario. Por ejemplo, cuando hacemos clic en el botón Enviar, enviamos contenido dentro del alcance del formulario, y el contenido fuera del formulario no se enviará.
En segundo lugar, contiene la información relevante del formulario en sí, como la ubicación del programa de script que procesa el formulario, el método para enviar el formulario, etc. La sintaxis básica y la sintaxis del formulario se explican de la siguiente manera.
Sintaxis básica:
<Form de nombre = form_name método = método action = url enctype = value target = target_win> ............ </form>
La explicación de sintaxis es la siguiente:
propiedad | describir |
NOMBRE | El nombre del formulario |
MÉTODO | Defina el método de transferencia del formulario del navegador al servidor, generalmente utilizando dos métodos: obtener y publicar |
ACCIÓN | Defina la ubicación del controlador de formulario, hay dos tipos: ruta absoluta y ruta relativa. |
Cisquero | Establezca el método de codificación del formulario |
OBJETIVO | Establezca el método de visualización de información de retorno |
Entre los atributos, el nombre, el método y la acción anteriores están los más utilizados y también son la base para el análisis del programa de script. Se explican y explican en detalle a continuación. 1. La sintaxis básica del atributo de nombre del <form> etiqueta es: <form de nombre = form_name> ……………………… <form> A través del nombre de la formulario, puede controlar la relación entre el formulario y el controlador del servidor, y usar el nombre para determinar el identificador del procesamiento del programa en el servidor.
2. La sintaxis básica del atributo de acción de la etiqueta <Form> es: <Form Action = Url> ………………………… <form> a través del atributo de acción del formulario, se define la dirección del envío de datos en el formulario. Esta dirección puede ser una ruta absoluta, una ruta relativa o una dirección de correo electrónico.
Por ejemplo: <form de nombre = mailaction = mailto: [email protected]>
3. La sintaxis básica del atributo MTHOD del <form> etiqueta es: <form mtHod = método> ………………… <Form> Hay dos métodos para elegir entre MTHOD, uno es Get y el otro es Post. Al enviar datos a través del método GET, todos los contenidos en el formulario se agregarán después de la dirección de URL, separado por un signo de interrogación. El formato de datos de aprobación es nombre = valor. El nombre es el nombre de los datos que se pasarán, y el valor es el valor que se va a aprobar. Cuando se pueden pasar múltiples valores, los valores múltiples pueden separarse por símbolos y. Por ejemplo http: //localhost/haha/haha.asp? Name1 = valor1 & name2 = value2. Dado que estos datos están detrás de la dirección de URL, la longitud de la información enviada es limitada y no puede exceder los 8192 caracteres. El método más utilizado es el método post. Este método contiene los datos completados por el usuario en el cuerpo del formulario y los pasa al controlador del servidor. Por lo tanto, no hay límite de tamaño para este método. Cuando no especifica qué método, el valor predeterminado es el método GET. Después de definir la etiqueta de formulario <Form>, puede agregar las etiquetas para el código que completa la función específica. Hay 4 etiquetas que se pueden incluir en el formulario, como se muestra en la siguiente tabla
marca | describir |
<put> | Formulario de etiquetas de entrada |
<select> | Etiquetas de menú y lista |
<Opción> | Etiquetas de elemento de menú y lista |
<ExteAea> | Marcadores de dominio de texto |
En el código HTML, su organización es la siguiente
<Form> <put> ……………… </put> <xtexarea> …………… </xtexarea> <select> <pection> ………… </ppection> </select> </orm>
Para las etiquetas anteriores, las dos tecnologías de piratería de script más frecuentes deben ser <input> y <xtexARea>. Expliquemos estas dos etiquetas en detalle a continuación. 2. Etiqueta de entrada <etiqueta de entrada> etiqueta de entrada <put> es una de las etiquetas más utilizadas en los formularios. Todos los campos y botones de texto que utilizamos comúnmente en las páginas web se usan. La sintaxis básica es la siguiente:
<Form> <input name = field_name type = type_name> </form>
donde el nombre es el nombre del dominio y el tipo es el tipo de dominio. Puede haber muchos valores de propiedad en la propiedad tipo. Entre ellos, lo comúnmente utilizado y estrechamente relacionado con las tecnologías de piratería están: texto, contraseña, archivo, botón, envío, restablecimiento, oculto. 1. Texto de dominio de texto
El valor del atributo de texto se usa para establecer el área de texto del formulario e ingresar cualquier tipo de texto, números y letras. Los datos de entrada se muestran en una sola línea. Puede ser difícil para todos entender esto. Te daré un ejemplo para ilustrarlo más tarde. Primero, mire su explicación básica de gramática y gramatical. Sintaxis básica: <input type = text name = field_name maxLength = value size = valor valor = field_value Interpretación de sintaxis: estas explicaciones se muestran en la siguiente tabla
Atributos de dominio de texto | describir |
NOMBRE | Nombre del campo de texto |
Longitud máxima | Número máximo de caracteres de entrada en el campo de texto |
TAMAÑO | Ancho del campo de texto (en caracteres) |
VALOR | Valor predeterminado para el campo de texto |
Este es algunos conocimientos básicos del dominio del texto. Muchos amigos aún pueden no entenderlo. Vamos a escribir un ejemplo para ilustrar el código a continuación:
<html> <fead> <title> inserte el dominio de texto </title> </head> <body> Survey de usuarios <Form Action = mailto: [email protected] Method = get name = jaja> <!-Escribir un formulario para conectarse como una dirección de correo electrónico, el método se obtiene, el nombre es jaja-> nombre: <tipo de entrada = texte = usame tamaño = 20> < 20-> Sitio web: <input type = text name = url size = 20 maxLength = 50 value = http: /// <!-Escribir un dominio de texto con la URL de nombre, el ancho es 20, y la longitud máxima de entrada es 50 el valor predeterminado es http: //-> </from> </body> </html>
Después de escribir el código, cambiamos el nombre del sufijo a HTML y lo ejecutamos. Como se muestra en (Figura 1). Para tales fotos, creo que todos los amigos que pueden navegar por Internet deberían haberlos visto.
(Figura 1)
2. Contraseña de dominio de contraseñaCuando estamos en línea, por ejemplo, si iniciamos sesión en la dirección de correo electrónico, debemos ingresar una contraseña. El cuadro de entrada para ingresar la contraseña se llama dominio de contraseña, que es otra forma del dominio de texto. Su función es que todos los artículos ingresados en el campo de texto se muestran con asteriscos* o puntos. La sintaxis básica es similar al campo de texto anterior. La diferencia es que solo necesita cambiar el texto en el tipo de contraseña. Según el ejemplo del campo de texto anterior, agregue una contraseña de código entre las etiquetas <form>: <inpyt type = contraseña name = contraseña size = 20 maxLength = 30>, después de guardar, abrir el archivo e ingrese cualquier carácter en el cuadro de entrada de contraseña para ver, es un punto, pero el carácter real está oculto, como se muestra en (Figura 2).
(Figura 2)
3. Archivo de dominio
El dominio del archivo nos permite completar los archivos en nuestra computadora local dentro del dominio y finalmente cargarlos a través del formulario. Esta es la función básica del dominio del archivo. El más utilizado debería estar cargando. En términos de apariencia, el campo del archivo es un cuadro de texto y un botón de navegación. Podemos completar directamente la ruta del archivo que se cargará en el sitio web en el cuadro de texto, o hacer clic en el botón de navegación para encontrar el archivo que se cargará en nuestra computadora.
La sintaxis básica es
<Entrada tipo = nombre de archivo = field_name> Su tipo es el archivo, el nombre es el nombre de este campo de archivo. Simplemente escribamos un campo de archivo, el código es el siguiente:
<html> <fead> <title> campo de texto </title> </head> <body> <form> por favor cargue su foto: <input type = file name = file> </form> </body> </html>
Después de guardarlo, abrérelo y puede ver la verdadera cara del campo de texto, como se muestra en (Figura 3). Creo que todos han visto esas fotos subidas.
(Figura 3)
4. Los botones en la forma del botón juegan un papel crucial. El botón puede tener la función de enviar todos los datos del formulario al servidor, y puede restaurar el formulario a su estado inicial cuando el usuario necesita modificar el formulario, y también puede reproducir otros roles de acuerdo con las necesidades del programa. Los botones generalmente se dividen en tres tipos: botón (botón normal), envío (botón Enviar) y restablecer (botón de reinicio). La sintaxis del botón normal es <input type = button name = field_name value = button_text>, donde el valor del valor representa el texto que se muestra en el botón. El propósito de enviar el botón Enviar es enviar todos los datos en el formulario al controlador del servidor después de hacer clic en este botón. La sintaxis básica es <input type = Subt name = field_name value = button_text>, donde el valor del valor representa el texto que se muestra en el botón. RESET BOTÓN RESET significa que después de hacer clic en el botón, todos los datos que agregamos al formulario se borra y se restauran a la configuración de contenido de formulario predeterminada. La sintaxis básica es <input type = reset name = field_name value = button_text>, nuevamente: en el lenguaje html, el tamaño es indistinguible. Vamos a escribir brevemente un ejemplo para practicar el efecto del botón, el código es el siguiente.
<html> <fead> <bitle> Form Botton Demo </title> </head> <body> Registro de usuarios <Form Action = mailto: [email protected] Method = get name = jaja> name: <input type = text name = username size = 20> <br> contraseña: <tipo de entrada = contraseña = size de contraseña = 20 maxlength = 30> <br> sitio web: type de entrada de input type = name de contraseña: contraseña = name de contraseña = contraseña = 20 maxlength = 30> <br> sitio web: type de input type de inputar = name de contraseña de contraseña = contraseña = name de contraseña = 20 maxlength = 30> <br> sitio web: type de entrada = nombre de texi = name de contraseña = 20x size value = http://> <br> <input type = button name = field_name value = normal botón> <input type = shit name = field_name value = shit button> <input type = reset name = field_name valor = botón de restablecimiento> </om> </body> </html>
Después de guardar, abra el archivo y eche un vistazo, como se muestra en (Figura 4). Creo que has visto imágenes similares, y las más comunes se usan al registrar usuarios.
(Figura 4)
5. Ocultar dominio oculto
El dominio oculto no es visible para los usuarios de nosotros en la página porque está oculto. El propósito de insertar el dominio oculto en el formulario es recopilar o enviar información. Cuando hacemos clic en el botón Enviar para enviar datos del formulario, la información del dominio oculta también se envía al servidor. Su sintaxis básica es <input type = field_name valor = valor>. La razón por la que también le explico es que muchos programas son programas que piensan que esto está oculto y piensan que el usuario no puede verlo. Por lo tanto, en muchos casos, no hay parámetros de dominio ocultos para la detección y el filtrado, por lo que se han producido muchos accidentes de seguridad.3. Etiqueta de campo de texto <ExteArea>
Esta etiqueta generalmente se usa para hacer múltiples líneas de campos de texto en una página web, de modo que se pueda ingresar más texto, y el más utilizado es en los comentarios del artículo.
Su sintaxis básica es:
<Textarea name = name Rows = valor cols = valor valor = valor> </textarea>
, las propiedades que tiene se muestran en la siguiente tabla.
Propiedades de la etiqueta de campo de texto | describir |
nombre | Nombre del campo de texto |
hilera | Número de líneas en los campos de texto |
cols | Número de columnas en los campos de texto |
Valor | Valor predeterminado para el campo de texto |
El siguiente es un ejemplo para explicarlo en detalle para que todos puedan entender de la práctica que esto no es muy difícil. El código específico es el siguiente:
<html> <fead> <title> Demostración de la función de dominio de texto </title> </head> <body> Survey de usuarios <Form Action = mailto: [email protected] método = get name = jaja> tablero de mensajes: <br> <textarea name = comment Rows = 5 cols = 40> </textArea> <br> <Input type = Submit = Field_name Value = Submit A Message Rows </body> </html>
Guarde el código y cambie el nombre del sufijo y ábralo para ver si es lo mismo que el tablero de mensajes en Internet, como se muestra en (Figura 5).
(Figura 5)