El formulario HTML se utiliza para recibir diferentes tipos de entradas del usuario.
2. El mecanismo de trabajo de la forma 3. Definición de formulario (<form> </orm> etiquetas)El formulario HTML es un área que contiene el elemento unitario. Los formularios pueden incluir elementos de entrada, como campos de texto, casillas de verificación, cuadros de selección única, botones de envío, etc. Los formularios también pueden contener menús, textura, campos, leyenda y elementos de etiqueta. Tenga en cuenta que el elemento <form> es un elemento de nivel de bloque, que producirá un descuento antes y después.
<Form Action = Login.do Method = Post> <!-Elementos de formulario aquí-> </form>4. Atributo de formulario
Acción: consulte dónde se envían los datos del formulario cuando se envía el formulario. La acción es: Primero, una URL (URL absoluta/URL relativa), generalmente apunta a un programa en el servidor, el programa recibe los datos (es decir, el valor de elemento de la unidad de tabla) enviado por el formulario para el procesamiento correspondiente. Por ejemplo, <Form Action = http://www.xxx.com/login.do>, cuando el usuario envíe este formulario, el servidor ejecutará el sitio web general http://www.xxx.com/ Programa de proceso general. En segundo lugar, use la dirección de URL del protocolo Mailto, para enviar el contenido del formulario en forma de correo electrónico. Esta situación es rara, ya que requiere que el visitante instale y establezca correctamente el programa de envío de correo en la computadora de la computadora. Tercero, valor vacío, si la acción está vacía o no está escrita, significa enviar a la página actual.
Método: este atributo define la forma en que el navegador envía los datos en el formulario al programa de procesamiento del servidor. Con respecto al valor del método, el más comúnmente utilizado es obtener y publicar. Primero, envíe los datos del formulario con el modo Get. , la cantidad de datos transmitidos por GET generalmente se limita por debajo de 1 kb. En segundo lugar, utilizando el método POST, el navegador enviará los datos del formulario como parte del cuerpo de solicitudes HTTP al servidor. En términos generales, los datos transmitidos por el método de publicación son mayores que la cantidad de datos transmitidos por el método GET; El método GET (como la consulta) debe usarse. Tercero, otros métodos (cabeza, put, eliminar, trazar u opciones, etc.). De hecho, el estándar HTTP inicial especificó el método correspondiente para varias operaciones, pero muchas de ellas no se observaron más adelante.
Objetivo: ¿Dónde especifica este atributo el resultado de la URL devuelta por la URL especificada en el atributo de acción? Los valores son _blank (abierto en la nueva ventana), _ SEL (abrir en el mismo marco, valor predeterminado), _parent (abrir en la trama principal), _ superior (abrir en toda la ventana) y framename (en el especificado Marco de marco abierto en China).
Título: Establezca el texto que se muestra por una pequeña boya cuando el mouse del sitio web se coloca en cualquier posición en el formulario.
Enctype: especifica cómo codificar los datos del formulario antes de enviar al servidor. Valor: El valor predeterminado es la aplicación/x-www-form-urlencoded. -Data: sin código de caracteres. Al usar un formulario que contiene un control de carga de archivo, este valor debe usarse.
Nombre: El nombre del formulario. Tenga en cuenta que la diferencia entre el atributo de identificación: el atributo de nombre es el nombre utilizado durante la comunicación con el servidor; .
2. Elemento de la unidad de tabla 1. Cuadro de texto único <input type = text/> (el valor predeterminado de la propiedad de tipo de entrada es texto)<input type = text name = name/>
El siguiente es el atributo principal del cuadro de texto de una sola línea:
<Entrada tipo = nombre de contraseña = nombre/>3. Botón único <Entrada tipo = radio/>
Cómo usar: Use un botón de selección único con el mismo nombre de nombre. El valor elemental del botón de radio se establece explícitamente por el atributo de valor.
<input type = radio name = género valor = macho/> <input type = radio name = género valor = femenino/>4. Cadena de verificación <Intrip -type = CheckBox/>
Use el grupo de botones de verificación, es decir, el mismo conjunto de botones de verificación con el mismo nombre, el valor del elemento del elemento de la unidad de tabla de botón de verificación se establece explícitamente por el atributo de valor. y el nombre se empaquetan y se envían al valor.复选框的 marcado 属性表示是否被选中 ， ， ， <input type = checkbox marcado /> 或者 <input type = checkbox checked = checked /> (推荐) marcado 、 Readonly 等这种一个可选值的属性都可以省略属性值Esencia
<input type = checkbox name = idioma value = java/> <input type = checkbox name = laanguage value = c/> <input type = checkbox name = laanguage va lue = c#/>5. Dominio oculto <input type = Hidden/>
El dominio oculto generalmente se usa para enviar información al servidor que no es necesario mostrar al usuario.
<Input type = Hidden Name = Hidden Domain/>6. Libra de archivo <Intrip -type = file/>
Con el archivo, el enchype del formulario debe establecerse en múltiples datos de formulario, y el atributo de método es post.
<input name = uploadedFile id = uploadedFile type = file size = 60 acepta = text/*/>7. TIEMA DE TIRACIÓN <Entect> Etiqueta
<select> Etiqueta Cree un cuadro de lista, sello <opción> Para crear un elemento de lista, <Select> usa Nested <Cection> para proporcionar conjuntamente un conjunto de opciones en un conjunto de opciones.
Establezca una opción para seleccionar: <Opción seleccionada> Beijing </opción> o <opción select = selectd> beijing </opción> (método de recomendación) se puede configurar como un elemento de selección. Cómo lograr ninguna opción, agregue A <Opción Valor = -1> -not Seleccionada- <Opción>, y luego programar el valor seleccionado seleccionado por SELECT IF-1 se considera que no se selecciona.
La opción Seleccionar grupo puede usar Optroup para agrupar los datos.
<select> Marca y se pueden permitir que se elijan múltiples atributos (presione la tecla CTRL)
<select name = country size = 10> <optgroup etiqueta = África> <opción valor = gam> gambia </opción> <opción valor = madagascar </ppection> <pection> e = nam> namibia </option> </optgroup > <optgroup etiqueta = europe> <opción valor = fra> france </opción> <opción valor = russia </opción> <opción valor = uk> uk> uk </option> tgroup> <optgroup etiqueta = north americat> < Opción Value = Can> Canadá </opción> <opción Valor = Mex> México </opción> <opción valor = EE. UU.> USA </opción> </oplct>8. Texto múltiple <xtexarea> </textarea>
Texto múltiple <ExteArea> Crear un cuadro de texto que pueda ingresar texto multiline, <ExteAea> Sin atributos de valor, <Exteaxarea> text </extAREA>, cols = 50, filas = 15 atributos indican el número de filas y columnas , no especificado que el navegador toma la pantalla predeterminada.
<TextARea name = TextareAcontent Rows = 20 Color = 50> El contenido de visualización inicial del cuadro de texto de línea múltiple </textAREA>9. <label> </etiqueta> etiqueta
Puede escribir textos ordinarios para modificar antes de <input type = text>, pero cuando hace clic en el texto del modificador, la entrada no obtendrá el foco, pero puede usar la etiqueta. U (entiende). AccessKey = U, otro atributo de etiqueta. Nota: Para establecer una ID única para el control modificado. Creo que las dos etiquetas de <label> </label> son muy útiles para <input type = radio/> y <input type = checkbox/>.
<input type = Radio name = Sex ID = Male Value = 0 checked = checked /> <etiqueta for = masculino> macho < /lean </Etiqueta> <input type = radio name = Sex ID = Secret Value = 2/> <Label for = Secret> Confidencial </etiqueta>10. <Scieldset> </fieldset> Etiqueta
La etiqueta del Fieldset divide el control en un área y se ve más regular.
<ScieldSet> <Legend> pasatiempos </legend> <input type = checkbox value = baloncesto/> <input type = checkbox value = montaña escalando/<input type = checkbox value = Reading/> </f ildset>11. Botón de envío <input type = Envit/>
Cuando un usuario hace clic en el programa de procesamiento del servidor especificado por el <inputt type = envit/>, los datos del formulario se enviarán al programa de procesamiento del servidor especificado por el atributo de acción de la etiqueta <Form>. El texto del botón predeterminado en el IE chino es un texto de visualización del botón de modificación de propiedades de valor.
<Entrada tipo = enviar value = enviar/>12. Botón de reinicio <Intrip Type = Reset/>
Cuando el usuario hace clic en el botón <input type = reset/>, el valor en el formulario se restablece al valor inicial. Cuando el usuario envía el formulario, el nombre y el valor del botón de reinicio no se enviarán al servidor.
<input type = reinse valor = botón de reinicio/>13. Botón ordinario <Intruper tipo = botón/>
Los botones ordinarios generalmente se usan para hacer clic para ejecutar un código de script.
<input type = Botton Value = Botón ordinario/>14. Botón de imagen <Intruper type = image/>
El atributo SRC del botón de imagen especifica el archivo de origen de la imagen, que no tiene un atributo de valor. El botón de la imagen puede reemplazar el <input type = shipt/>, y ahora también puede establecer directamente la apariencia del botón <input type = shows/> en una imagen.
<Entrada tipo = imagen src = bg.jpg />Tercero, ejemplos de formulario
Este ejemplo es una página de registro simple implementada utilizando el formulario para usar el diseño del formulario.
<! > Tabla {Ancho: 450px; } </style> </head> <body style = fondo de fondo: block; Post> <table align = Center CellSpacing = 0 CellPadding = 0> <TD> Nombre de usuario: </td> <input type = text/</tr> </tr> <tr> <tr> <td> contraseña: </td> </td> td> <input type = contraseña/> </td> </tr> <tr>/</td> </tr> <l> <td> Seleccione el mercado: </td> <d> <select> <optgroup etiqueta = china> <pection> provincia de gansu </ppection> <pection> provincia de henan provincia henan </ppection> <pection> shanghai </ppection> </ptgroup> <optgroup etiqueta = american> <pection> California <////// Opción> <Option> Chicago </opción> <pection> News on> </ptgroup> </select> </td> </tr> <td> Seleccione Gender: </td> <td> <input type = Radio Name = Sex ID = Male Value = 0 checked = checked/>> <etiqueta para = macho> macho </lable> <input type = Radio name = Sex ID = 1/> <etiqueta for = fmale> femenino </etiqueta > <input type = Radio name = Sex ID = Secret VA lue = 2/> <etiqueta for = secret> confidencialidad </label> </td> </tr> <td> Seleccione Ocupación: </td> <entrada type = Radio ID = Student Name = Profession /> <Label for = Student> Student </label> <input type = radio id = maestro name = profesión /> <etiqueta for = maestro> maestro> <input type = radio id = Otros name = profesión/> <etiqueta para = otros> otros </label> </td> </tr> <td> Seleccione pasatiempos: </td> <fieldset> <legend> sus pasatiempos </legend> <input type = checkbox name = hobby id = bestionboll checkd = checked /> <etiqueta for = bestionboll> jugando baloncesto </selabel> <input type = checkbox name = hobb y id = run /> <etiqueta for = run> run < /etiqueta > <input type = checkbox name = hobby id = read /> <etiqueta for = read> read </label> <input type = checkbox name = hobby id = surf /> <etiqueta for = sur fing> acceso a Internet < /etiqueta > </fieldset> </td> </tr> <l> <td> Observaciones: </td> <textarea color = 30> Este es el contenido de las observaciones </extarea> </td> </tr> tr> <TD> & nbsp; html>