La Red de Conocimientos Pedagógicos - Currículum vitae - Uso de formularios HTML

Uso de formularios HTML

El formulario envuelve los elementos del formulario, y los elementos del formulario envueltos por el formulario se enviarán al servidor.

& ltForm action= "address" método = " " >

Elemento de forma

& lt/form & gt;

El La etiqueta del formulario es el caparazón del formulario y tiene cuatro atributos principales:

Acción: dirección de envío del formulario (dirección del servidor backend)

Método: método para enviar el formulario, dos métodos de solicitud, publicar y obtener.

Objetivo: ¿Por dónde empezar?

Enctype: (método de codificación)

applocation/x-www-form-erlencoded Codifica todos los caracteres antes de enviarlos (predeterminado).

Texto/sin formato: los espacios se convierten en símbolos "+", pero los caracteres especiales no se codifican.

Multipart/form-data: este valor debe usarse cuando se utiliza un formulario que contiene un control de carga de archivos. Por ejemplo: subir audio y vídeo.

1. Diferencia: (reflejada en tres aspectos: modo, seguridad y volumen de datos)

-modo, haga clic en Enviar (al enviar una solicitud), obtener cambiará los datos de la solicitud. a "k=value" y luego ensamblado en la URL. Cuando se envía una solicitud mediante POST, los datos se transfieren al backend a través del navegador, pero la URL no se cambia.

-Seguro, obtiene información en la URL, la información se filtra y la URL en modo Tieba no ha cambiado, lo cual es más seguro.

-La cantidad de datos, la cantidad de caracteres que se pueden almacenar en la barra de direcciones del navegador es limitada (capacidad limitada) y la URL en el modo de obtención es demasiado larga. Cuando se excede el límite, el navegador trunca automáticamente la URL y los datos transferidos al fondo están incompletos, por lo que el tamaño de los datos es limitado. La URL en el modo de publicación es más limpia y liviana, y los datos se pueden transferir a un segundo plano sin ningún límite de tamaño de datos.

2. Cuándo usar get y cuándo usar post (escenarios de uso)

Obtener: consultar cosas en segundo plano, como consultar documentos, es decir, recuperar datos en segundo plano; , usando palabras clave Obtenga muchos datos. Los requisitos de seguridad son bajos y simples.

Publicar: enviar datos al backend, como verificar la duplicación de documentos (gran cantidad de datos, enviar al backend). Altos requisitos de seguridad.

Es el elemento de recogida de información del formulario y tiene los siguientes atributos:

& lt="input_username " >Nombre de etiqueta: etiqueta. Contraseña:

Efecto:

Efecto:

Efecto:

& ltlabel& gtMi coche:

Efecto:

& lt label& gtComentario:

Efecto:

& lt label is="zjz">Foto del certificado:

Entre ellos, aceptar especifica el formato del archivo.

Efecto:

& ltinput type = " oculto " nombre = " ABC " valor = " 123 "

Haga clic en enviar y los datos ocultos también estará oculto. Se enviará en segundo plano; abc='123 '

Función: (1) Almacenar información temporalmente (invisible para el usuario) para que los diseñadores puedan llamar al programa en cualquier momento.

(2) Se utiliza para verificación de seguridad. Por ejemplo, al configurar un dominio oculto, el servidor puede verificar los permisos del usuario y evitar que sitios web falsos envíen datos.

& ltinput type = " botón " valor = " botón "/& gt;

Efecto:

& ltinput type = " enviar " valor = " enviar "/& gt;

Efecto:

& ltinput type = " reset " value = " reset "/& gt;

Efecto: