Introducción a los formularios HTML
El formulario HTML (Formulario) es una parte importante del HTML y se utiliza principalmente para recopilar y enviar información ingresada por los usuarios.
Tomemos un ejemplo sencillo, un formulario HTML (Form) que permite a los usuarios introducir sus nombres. El código de muestra es el siguiente:
form action="
Ingrese su nombre:
input type="text" name="yourname"
input type="submit" value="Submit"
/form
Hay tres puntos clave que se deben dominar al aprender formularios HTML (Formulario):
Controles de formulario
Acción
Método
Hablemos primero de los controles de formulario A través de varios controles de formularios HTML, los usuarios pueden ingresar información de texto o. seleccione entre las opciones y envíe. Por ejemplo, en el ejemplo anterior, el tipo de entrada = "texto" es un control de formulario, que representa un cuadro de entrada de una sola línea
El usuario completa el formulario. La información siempre debe ser procesada por un programa. La acción en el formulario especifica el archivo que procesa la información del formulario. Por ejemplo,
en la oración de ejemplo anterior indica que hay dos formas de enviar información del formulario. Valor: obtener y publicar El método get consiste en codificar la información de nombre/valor del control del formulario y enviarlo a través de la URL (puede verlo en la barra de direcciones), mientras que el método post consiste en enviar el contenido del formulario a través de http. La información de envío del formulario no se puede ver en la columna. Entonces, ¿cuándo usar get y cuándo usar post? Generalmente, se juzga de esta manera si es solo para obtener y mostrar datos, use get una vez que implique guardar. y actualización de datos, se recomienda utilizar post
Controles comunes (Controls) del formulario HTML (Formulario)
Los controles comunes del formulario HTML (Formulario) son:
Descripción de controles de formulario (Controles de formulario)
Tipo de entrada="texto" Cuadro de entrada de texto de una sola línea
Tipo de entrada="enviar" Envía la información en el formulario (Formulario ) al archivo al que apunta la acción en el formulario
casilla de verificación input type="checkbox"
botón de opción input type="radio"
seleccione cuadro desplegable
Cuadro de entrada de texto de varias líneas de área de texto
tipo de entrada="contraseña" Cuadro de entrada de contraseña (el texto de entrada está representado por *)
Formulario Control: cuadro de entrada de texto de una sola línea (input type="text" )
El cuadro de entrada de texto de una sola línea permite al usuario ingresar información breve de una sola línea, como el nombre del usuario. Las oraciones de ejemplo son las siguientes:
tipo de entrada="texto" nombre="tu nombre"
Control de formulario: casilla de verificación (tipo de entrada="casilla de verificación")
Las casillas de verificación permiten a los usuarios seleccionar múltiples opciones de un conjunto. Código de muestra:
input type="checkbox" name="fruit" value ="apple"Applebr
input type="checkbox" name="fruit" value ="orange " Orangebr
input type="checkbox" name="fruit" value="mango"Mangobr
Usar marcado para indicar las opciones que están seleccionadas por defecto.
tipo de entrada="casilla de verificación" nombre="fruta" valor "naranja" marcado naranjabr
Control de formulario: botón de opción (tipo de entrada="radio" )
Utilice cuadros de botones de opción para permitir a los usuarios seleccionar solo una opción de un conjunto. Código de muestra:
input type="radio" name="fruit" value = "Apple" 苹果br
input type="radio" name="fruit" value = "Orange "Orangebr
input type="radio" name="fruit" value = "Mango"Mangobr
Usar marcado para indicar la opción seleccionada predeterminada.
input type="radio" name="fruit" value = "Naranja" marcado naranjabr
Control de formulario: cuadro desplegable (seleccionar)
El El cuadro desplegable (Seleccionar) se puede utilizar como selección de radio o como marca. Ejemplos de oraciones de selección única son los siguientes:
select name="fruit"
option value="apple"苹果
option value="orange" orange
opción value="mango"Mango
/select
Si desea cambiarlo a una selección de verificación, simplemente agregue múltiples. Los usuarios usan Ctrl para implementar múltiples selecciones. Ejemplo:
select name="fruit" multiple
Los usuarios también pueden usar el atributo de tamaño para cambiar el tamaño del cuadro desplegable (Seleccionar).
Control de formulario: cuadro de entrada de varias líneas (área de texto)
El cuadro de entrada de varias líneas (área de texto) se utiliza principalmente para ingresar información de texto más larga. Una oración de ejemplo es la siguiente:
textarea name="yoursuggest" cols ="50" rows = "3"/textarea
Donde cols representa el ancho del área de texto y las filas representan la altura del área de texto.
Control de formulario: cuadro de entrada de contraseña (tipo de entrada="contraseña")
El cuadro de entrada de contraseña (tipo de entrada="contraseña") se utiliza principalmente para ingresar información confidencial, por ejemplo, una contraseña. Porque cuando el usuario ingresa, lo que se muestra no es el contenido ingresado, sino el símbolo del punto negro. . Las oraciones de ejemplo son las siguientes:
tipo de entrada="contraseña" nombre="yourpw"
Control de formulario: Enviar (tipo de entrada="enviar")
Al enviar (tipo de entrada = enviar), la información del formulario se puede enviar al archivo señalado por la acción en el formulario. Las oraciones de ejemplo son las siguientes:
input type="submit" value="Submit"
Control de formulario: envío de imágenes (input type="image")
tipo de entrada = imagen es equivalente a tipo de entrada = enviar. La diferencia es que tipo de entrada = imagen usa una imagen como botón de envío del formulario y el atributo src representa la ruta de la imagen.
tipo de entrada="image" src="images/icons/go.gif"
alt = "Enviar" NAME="imgsubmit"