Elementos de forma. Definición de elementos de formulario. Atributos de etiquetas comunes

• Campo de texto:

(Los acabamos de ver en nuestro ejemplo)

El campo de texto define el código:

Aquí

• nombre- nombre del campo (más adelante aprenderemos cómo se puede acceder a los elementos del formulario simplemente por su nombre);
• valor- qué se escribirá en el campo de texto predeterminado tan pronto como el documento aparezca en la ventana del navegador;
• alinear- este atributo es "responsable" de la ubicación del campo de texto; no es específico para elementos de formulario y (como ocurre con otras etiquetas) puede tomar los siguientes valores: izquierda, bien, centro;
• tamaño- longitud del campo en caracteres;
• longitud máxima- el número máximo de caracteres que se pueden ingresar en el campo. Si no se especifica este atributo, no habrá restricciones de entrada.

El valor del campo de texto debe ser solo texto. Si, por ejemplo, le pones código html, se mostrará como texto (y no como se vería en una ventana del navegador). Pero aquí está, realizado por Sergei Burylin. Cómo logró hacer esto: intente descubrirlo usted mismo.

• Área de texto:

Las áreas de texto son convenientes para ingresar grandes cantidades de información de texto.

El código de área de texto se ve así:

aquí atributo "envoltura" indica cómo romper una línea: si le asignas un valor apagado, el texto ingresado será "ir" fuera del área, de lo contrario ( en , suave o incluso simplemente envoltura sin asignación), el texto se ajusta automáticamente en una nueva línea.

• Lista:

Las listas te permiten hacer el único o múltiple elección entre una gama de ofertas opciones (opciones).

La estructura del código HTML que define la lista es la siguiente:

Los códigos de las listas que proporcionamos como ejemplos se ven así:

• "Caja"

La casilla de verificación "única" se crea usando el código:

Atributo comprobado indica que la "casilla de verificación" estará marcada de forma predeterminada.

A menudo se utilizan varias "banderas" a la vez, por ejemplo:

• "Botón de radio"

Se crea un botón de opción "único" usando el código:

Atributo comprobado indica que el botón de opción estará marcado de forma predeterminada.

A menudo se utilizan varios botones de opción a la vez, por ejemplo:

Forma es un objeto de base de datos diseñado para ingresar y mostrar información. Los formularios le permiten verificar la exactitud de los datos a medida que los ingresa, realizar cálculos y brindar acceso a los datos en tablas relacionadas mediante subformularios.

Se puede trabajar con formularios en cuatro modos: modo Formularios, modo Tabla, modo Diseño y modo Diseño. Puede seleccionar el modo de funcionamiento utilizando el icono de modo de grupo Modos Pestañas de INICIO.

En los modos Formularios y Tablas, puede agregar, eliminar y editar registros en una tabla o consulta, que es la fuente de datos de los formularios.

En el modo Diseño, puede cambiar la apariencia del formulario, agregar y eliminar controles y desarrollar.

En el modo Diseño, puede cambiar las propiedades del campo, definir formatos de campo, cambiar todo el diseño del formulario y realizar formato condicional campos.

Tipos de formularios.

EN Acceso puedes crear formularios los siguientes tipos:

Formulario de columna o formulario de pantalla completa;

Forma de cinta;

forma tabular;

Principal/subformulario;

mesa pivote;

Formulario: gráfico o gráfico dinámico.

Formulario a columna Es un conjunto de campos de entrada organizados de cierta manera con sus correspondientes etiquetas y controles. Muy a menudo, este formulario se utiliza para ingresar y editar datos.

Forma de cinta Sirve para mostrar los campos de un grupo de registros. Los campos no están necesariamente organizados en una tabla, pero se asigna una columna a un campo y las etiquetas de los campos se organizan como encabezados de columna.

forma tabular muestra datos en vista de tabla.

Formulario principal/sub es una combinación de formas de columnas y tabulares. Tiene sentido crearlo cuando se trabaja con tablas relacionadas que tienen una relación de uno a muchos.

Formulario de tabla dinámica realizado por el Asistente de tabla dinámica Sobresalir basado en tablas y consultas Acceso(el Asistente para tablas dinámicas es un objeto incrustado en Acceso para usarlo en Acceso necesita ser instalado Sobresalir). Una tabla dinámica es una tabulación cruzada de datos en la que los datos resumidos se encuentran en la intersección de filas y columnas con los valores de los parámetros actuales.

Formulario con diagrama. EN Acceso puedes insertar un diagrama creado en el formulario Gráfico de Microsoft. Gráfico se está implementando VIEJO aplicación y se puede iniciar desde Acceso. Puedes trabajar con un diagrama incrustado de la misma forma que con cualquier objeto. VIEJO.

Formar estructuras.

Cualquier formulario puede incluir las siguientes secciones:

- Título del formulario– define parte superior formularios y puede contener texto, gráficos y otros controles;

- Encabezamiento – la sección se muestra sólo en modo avance y normalmente contiene encabezados de columna;

- Área de datos- define la parte principal del formulario que contiene los campos obtenidos de la fuente de datos;

- Pie de página - la sección se muestra sólo en modo de vista previa en la parte inferior de la página de la pantalla y normalmente contiene el número de página, la fecha, etc.;

- Nota de formulario– aparece en la parte inferior de la última página de pantalla del formulario.

El formulario puede contener todas las secciones o algunas de ellas.

Como cualquier objeto de base de datos, un formulario tiene propiedades. Los valores de estas propiedades para todo el formulario, sus secciones o controles se establecen en las ventanas de propiedades de los objetos correspondientes. Para mostrar la ventana de propiedades en la pantalla, haga clic en el botón Propiedades en la barra de herramientas del Creador de formularios.

Ventana de propiedades el objeto seleccionado contiene lo siguiente cortina a la italiana:

Diseño: utilizando estas propiedades, usted establece el diseño del formulario;

Datos: utilizando estas propiedades, se especifica la fuente de datos;

Eventos: contiene una lista de propiedades asociadas con el objeto;

Otros: el tipo de ventana en la que se abre el formulario o mensaje.

Todo: una lista de todas las propiedades.

Propiedades básicas de la forma:

Título: le permite especificar el nombre del formulario, que se mostrará en el área del título;

Modo predeterminado: determina el modo de apertura del formulario (simple, cinta, formularios de tabla);

Modos permitidos: una propiedad que determina si es posible cambiar del modo Formulario al modo Diseño usando los comandos del menú Ver;

Propiedades de la barra de desplazamiento, área de selección, botones de navegación, lineas divisorias, botón de menú de ventana, tamaño de ventana, botón de cerrar, botón de ayuda contextual, tipo de borde: determine si estos elementos se mostrarán en la ventana del formulario;

Las propiedades permiten adiciones, permiten eliminaciones, permiten cambios: determinan si el usuario puede editar datos a través del formulario. Estas propiedades pueden tomar valores Sí/No;

Entrada de datos: determina el modo de apertura del formulario y acepta valores Sí/No. Modo Sí: abre el formulario solo para agregar nuevos registros. Sin modo - ver registros existentes y añadiendo otros nuevos;

Bloqueo de registros: define cómo se bloquean los registros en el modo de base de datos multiusuario.

Para crear formularios en Acceso son usados siguientes métodos:

Icono de formulario: con el que puedes crear un formulario con un solo clic. Con esta herramienta, todos los campos de la fuente de datos subyacente se colocan en el formulario. Puede comenzar a trabajar inmediatamente con un nuevo formulario o cambiarlo si es necesario en la vista Diseño o Diseño;

El pictograma de forma dividida es nueva oportunidad V oficina de microsoft Access 2007, que le permite mostrar datos simultáneamente en dos vistas: en la vista Formulario y en la vista Hoja de datos. Estas dos vistas están vinculadas a la misma fuente de datos y siempre están sincronizadas entre sí. Cuando selecciona un campo en una parte del formulario, se selecciona el mismo campo en otra parte. Los datos se pueden agregar, cambiar o eliminar en cada parte del formulario (siempre que la fuente del registro permita la actualización y la configuración del formulario no prohíba tales acciones);

El icono Formulario en blanco le permite crear un formulario vacío si el asistente o las herramientas de creación de formularios no son adecuados. Por lo tanto, puede crear un formulario muy rápidamente, especialmente si tiene sólo unos pocos campos;

Icono Varios elementos: le permite crear un formulario en el que los registros se muestran en forma de tabla, ocupando cada registro linea separada;

Maestro de las formas – herramienta de software, que le permite crear la estructura de uno de tres tipos estándar formularios en modo de diálogo con el desarrollador del formulario. En este caso, los campos seleccionados por el usuario de la fuente de datos se insertan en el formulario;

Diseñador de formularios: permite al usuario diseñar un formulario en la ventana del Diseñador de formularios.

lo mas de una manera conveniente La creación de un nuevo formulario se realiza mediante la siguiente tecnología: el formulario se crea utilizando el Asistente para formularios y luego se modifica en el modo Diseño o Diseño.

La fuente de los datos del formulario es una o más tablas y/o consultas relacionadas.

Elemento de control se refiere a cualquier formulario u objeto de informe que se utiliza para mostrar datos en la pantalla, diseñar o ejecutar comandos macro. Los controles pueden ser vinculados, calculados o libres.

Conectado Un control (adjunto) se adjunta a un campo en la tabla o consulta subyacente. Cuando ingresa un valor en el control asociado, el campo de la tabla del registro actual se actualiza automáticamente. El campo de la tabla es la fuente de datos del control asociado.

Los elementos de formulario HTML son los objetos elementales a partir de los cuales creamos la interfaz gráfica de usuario de un programa JavaScript.

Cada objeto de formulario contiene una matriz de elementos, que almacena objetos que representan los elementos del formulario. Cada uno de estos elementos tiene una propiedad de tipo que se puede utilizar para distinguir un tipo de elemento de otro. Por tipo propiedad elemento de forma desconocido código javascript Puede determinar el tipo de elemento y descubrir qué se puede hacer con ese elemento.

Finalmente, la cuarta columna de la tabla proporciona una breve descripción de cada elemento y el controlador de eventos más importante o más utilizado para ese tipo de elemento.

Detalles varios tipos Los elementos se describen en la Parte IV, Referencia del cliente Java.
Guion". Aunque hay una página de ayuda independiente para cada tipo de elemento de formulario, tenga en cuenta que la mayoría de los elementos se crean utilizando la etiqueta HTML. y de hecho todos son objetos de entrada. La página de Entrada de la Referencia de JavaScript del lado del cliente enumera las capacidades comunes a todos estos elementos, y las páginas específicas de tipo en la Parte IV brindan información específica sobre cómo trabajar con un tipo particular de elemento de formulario.

Tenga en cuenta que los nombres "Botón", "Casilla de verificación", etc. de la primera columna de la tabla pueden no corresponder a objetos reales en el cliente. Implementaciones de JavaScript y que el estándar DOM no define ninguna interfaz con estos nombres. Sin embargo, cada tipo de elemento de formulario tiene su propia característica especial. apariencia y comportamiento, y es útil, al menos en la Referencia de JavaScript del lado del cliente, tratarlos como tipos separados. En la Referencia DOM del W3C (Parte V), encontrará material sobre formularios y sus elementos en las secciones "HTMLFormElement", "HTMLInputElement", "HTMLTextAreaElement", "HTMLSelectElement" y "HTMLOptionElement". tipos de elementos de forma y etiquetas HTML utilizado para crearlos, veamos el código HTML del Ejemplo 15.1 utilizado para crear el formulario. A pesar de la mayoría de El ejemplo es HTML y también contiene código Java-Script que define controladores de eventos para cada elemento del formulario. Notará que los controladores de eventos no están definidos como atributos HTML. aqui estan Funciones de JavaScript, asignado a las propiedades de los objetos de la matriz de elementos del formulario. Todos los controladores de eventos llaman a la función report(), que contiene código que funciona con diferentes elementos formas.

La siguiente sección de este capítulo cubre todo lo que necesita saber para comprender la función report().

Ejemplo 15.1. Formulario HTML, que contiene todo tipo de elementos

Lo llaman varios controladores.
informe de función (elemento, evento) (
var elmtname = elemento.nombre;
if ((element.type == "seleccionar-uno") || (element.type == "seleccionar-múltiple"))(
valor = " ";
for(var i = 0; i valor += elemento.opciones[i].valor + " ";
}
else if (element.type == "textarea") valor = "...";
else valor = elemento.valor;
var msg = evento + ": " + elmtname + " (" + valor + ")\n";
var t = elemento.form.textarea;
valor.t = valor.t + mensaje;
}
// Esta función agrega un conjunto de controladores de eventos a cada elemento del formulario.
// No comprueba si este elemento es compatible este manejador,
// se agregan todos los controladores de eventos. Tenga en cuenta que los controladores de eventos
// llama a la función report() anterior. Tenga en cuenta que definimos
// manejadores de eventos, asignando funciones a propiedades Objetos JavaScript, no
// asignando cadenas a atributos de elementos HTML.
función addhandlers(f) (
// Recorre todos los elementos del formulario.
for(var i = 0; i var e = f.elementos[i];
e.onclick = función() ( reportar(esto, "Hacer clic"); )
e.onchange = función() ( reportar(esto, "Cambiar"); )
e.onfocus = función() ( informe(esto, "Enfoque"); )
e.onblur = función() ( reportar(esto, "Desenfocar"); )
e.onselect = function() ( report(this, "Seleccionar"); )
}
// Defina algunos controladores de eventos especiales para los tres botones:
f.clearbutton.onclick = función() (
this.form.textarea.value=""; informar(esto,"Hacer clic");
}
f.submitbutton.onclick = función() (
informar(esto, "Hacer clic"); devolver falso;
}
f.resetbutton.onclick = función() (
this.form.reset(); informar(esto, "Hacer clic"); devolver falso;
}
}
// Y por último activamos nuestro formulario, añadiendo todos los posibles
// manejadores de eventos!
addhandlers(documento.todo);

Es un campo de texto de una línea (Fig. 1), cuyo tamaño físico se puede configurar usando el atributo TAMAÑO, y la secuencia de caracteres ingresada inicialmente usando el atributo VALOR.

Arroz. 1. Elemento de formulario TEXTO

Un ejemplo del uso de este elemento en código HTML es siguiente línea:

TIPO="CONTRASEÑA"

Un tipo completamente similar al anterior, excepto que la información ingresada por el usuario en el campo de texto se mostrará en pantalla con símbolos “*” para ocultar el texto a un espectador externo.

Un elemento que es una forma simple de elección, que toma uno de dos estados estables: "verificado" - "no verificado" (Fig. 2).

Arroz. 2. Elemento de formulario CHECKBOX

Este elemento opera con las llamadas variables booleanas, es decir, variables, cada una de las cuales puede tomar el valor “VERDADERO” o “FALSO”. Cada elemento del formulario CHECKBOX crea un par lógico de valores del formulario "elemento_nombre-estado" y los transmite al servidor. Para establecer el estado inicial del elemento (marcado o no), utilice el atributo CHECKED.

Ejemplo de uso:

El llamado botón de opción (Fig. 3) se utiliza cuando una variable lógica puede tomar solo un valor entre muchos posibles.

Arroz. 3. Elemento de formulario RADIO

Todos los elementos RADIO de la misma forma se designan con el mismo valor de atributo NOMBRE.

Ejemplo de uso:

<Р АLIGN="СЕМТЕR">Por favor indica tu edad

Muestra un botón normal (Fig. 4), al hacer clic en él se realiza alguna acción del servidor.

Arroz. 4. Elemento de formulario BOTÓN

Usando el atributo NOMBRE, a este elemento se le asigna un nombre único; el atributo VALOR le permite cambiar la etiqueta que se muestra en el botón.

Ejemplo de uso:

TIPO="ENVIAR"

Define un botón, al hacer clic, los datos del formulario se transfieren al servidor. Como en el caso anterior, la inscripción que se muestra en el botón se especifica mediante el atributo VALOR.

Ejemplo de uso:

Crea un botón que borra un formulario de texto completado incorrectamente. Los parámetros y valores de este botón no se envían al servidor junto con otros datos del formulario. Ejemplo de uso:

TIPO="ARCHIVO"

Genera un botón en la pantalla, al hacer clic, aparece el Explorador de Windows en la pantalla, permitiéndole adjuntar cualquier archivo de la computadora local del usuario a los datos enviados al servidor. Este elemento se utiliza principalmente en formularios para enviar mensajes desde un servidor de mensajes. correo electrónico para organizar archivos adjuntos, así como para cargar imágenes en el servidor. Por lo general, se muestra un pequeño campo de texto junto al botón, donde se ingresan automáticamente el nombre del archivo que se envía y la ruta al mismo en el disco local.

Ejemplo de uso:

TIPO="IMAGEN"

Crea un botón de envío similar al elemento ENVIAR, pero utilizando un gráfico creado por el usuario. Normalmente se utiliza en los casos en los que un botón rectangular gris estándar "no encaja" en el diseño del sitio. La URL de la imagen que actúa como botón se indica mediante el atributo SRC, y el elemento en sí puede contener sus propios atributos similares a los utilizados en la etiqueta. (consulte la lección 5), incluidos ALIGN, ALT, etc. Los atributos NOMBRE y VALOR se tratan de la misma manera que atributos similares del elemento ENVIAR.

Ejemplo de uso:

Este elemento está oculto y no se muestra en la pantalla del monitor del usuario.

Ejemplo de uso:

Sin embargo, usando la etiqueta No es posible transferir todos los elementos del formulario disponibles a un diseñador web. Por ejemplo, campos de texto definidos atributos de TEXTO y CONTRASEÑA están muy limitados en la cantidad de caracteres que se pueden ingresar en estos campos. Si el webmaster se enfrenta a la tarea de crear dichos campos de texto para que el usuario pueda ingresar una gran cantidad de caracteres, se utiliza una etiqueta independiente. , formando el elemento de formulario del mismo nombre en la pantalla (Fig. 5).</p> <p><img src='https://i0.wp.com/studepedia.org/img/baza1/1408111755156097.files/image033.jpg' height="41" width="185" loading=lazy loading=lazy></p> <p>Arroz. 5. Elemento <a href="https://innovakon.ru/es/settings/formy-v-html-html-teg-textarea-mnogostrochnyi-tekst-atributy-formy---teg.html">Formularios de área de TEXTO</a></p> <p>Sintaxis de grabación <a href="https://innovakon.ru/es/settings/mnogostrochnyi-tekst-vvod-dannyh-polya-formy---teg-atributy-formy--.html">de esta etiqueta</a> se ve así:</p> <p><TEXTAREA МАМЕ="имя элемента" ROWS-""целое число" СOLS="целое число"></p> <p>Texto predeterminado en un cuadro de texto

Ya estás familiarizado con el atributo NAME, que define el nombre individual de cada elemento del formulario. Los atributos ROWS y COLS indican, respectivamente, el número máximo permitido de líneas de texto de entrada y caracteres por línea. Si el texto escrito por el usuario no cabe en la parte visible del contenedor de texto, aparecen barras de desplazamiento verticales y horizontales en los bordes del campo para desplazar el contenido del elemento TEXTAREA.

Ejemplo de uso:

</p> <p>Introduce tu mensaje aquí</p> <p>

Para crear un menú de selección en el formulario (Fig.6), el webmaster puede utilizar la etiqueta .

Arroz. 6. SELECCIONAR elemento de formulario

La sintaxis general para escribir esta etiqueta es la siguiente:

Punto 1

Punto 2

Punto 3

OPCIÓN VALUE="Artículo N">Пункт N!}

El atributo MULTIPLE define la capacidad del usuario de marcar no uno, sino varios elementos de la lista propuesta a la vez. Si este atributo dado, se puede utilizar atributo TAMAÑO, que determina el número de posiciones visibles en la pantalla al mismo tiempo.

Ejemplo de uso:

<Р АLIGN ="CENTER">Por favor indica tu ciudad

OPCIÓN VALOR="a">Санкт-Петербург!}

OPCIÓN VALOR="b">Mocква!}

Ekaterimburgo

formularios HTML son controles que se utilizan para recopilar información de los visitantes del sitio web.

Los formularios web constan de una colección de campos de texto, botones, listas y otros controles que se activan con un clic del mouse. Técnicamente, los formularios pasan datos del usuario a un servidor remoto.

Para recibir y procesar datos de formularios, lenguajes de programación web como PHP, perla.

Antes de la llegada de HTML5, los formularios web eran una colección de varios elementos.

, terminando con un botón . Requirió mucho esfuerzo diseñar formularios en diferentes navegadores. Además, los formularios requeridos Aplicaciones JavaScript para validar los datos ingresados ​​y también carecía de tipos de campos de entrada específicos para especificar información cotidiana como fechas, direcciones de correo electrónico y URL.

formularios HTML5 resolvió la mayoría de estos problemas comunes con la presencia de nuevos atributos, brindando la capacidad de cambiar la apariencia de los elementos del formulario mediante CSS3.

Crear un formulario HTML5

1. Elemento

La base de cualquier forma es el elemento. .... No requiere ninguna entrada ya que es un contenedor que mantiene juntos todos los controles del formulario. campos. Los atributos de este elemento contienen información que es común a todos los campos del formulario, por lo que los campos que se combinan lógicamente deben incluirse en un solo formulario.

2. Agrupar elementos del formulario

Elemento

Cada grupo de elementos se puede nombrar usando el elemento

, que viene inmediatamente después de la etiqueta

. El nombre del grupo aparece en el borde superior izquierdo.

. Por ejemplo, si en un elemento

La información de contacto se almacena:

Información del contacto

Nombre *

Correo electrónico

Arroz. 2. Agrupar elementos de formulario usando

Tabla 2. Atributos de etiqueta

Atributo	Significado/Descripción
desactivado	Si el atributo está presente, entonces un grupo de elementos de formulario relacionados ubicados dentro del contenedor , deshabilitado para completar y editar. Se utiliza para restringir el acceso a ciertos campos del formulario que contienen datos ingresados ​​previamente. El atributo se utiliza sin especificar un valor. .
forma	en el mismo documento. Indica una o más formas a las que pertenece este grupo de elementos. En en este momento El atributo no es compatible con ningún navegador.
nombre	define Nombre, que se utilizará para vincular elementos en JavaScript o para vincular datos del formulario después de completar y enviar el formulario. Es análogo al atributo id.

3. Crea campos de formulario

Elemento crea la mayoría de los campos del formulario. Los atributos de un elemento difieren según el tipo de campo que se utiliza para crear el elemento.

Usando estilos CSS puedes cambiar el tamaño de fuente, el tipo de fuente, el color y otras propiedades del texto, así como agregar bordes, color de fondo y imagen de fondo. El ancho del campo lo especifica la propiedad de ancho.

Tabla 3. Atributos de etiqueta

Atributo	Significado/Descripción
aceptar	Determina el tipo de archivo que se permite enviar al servidor. Indicado sólo para . Valores posibles: file_extension: permite descargar archivos desde extensión especificada, por ejemplo, aceptar=".gif", aceptar=".pdf", aceptar=".doc" audio/* - permite descargar archivos de audio video/* - permite descargar archivos de video image/* - permite cargar imágenes media_type: indica el tipo de medio de los archivos descargados.
alternativo	define texto alternativo para imágenes, indicado sólo para .
autocompletar	Responsable de recordar los valores ingresados ​​en el campo de texto y sustituirlos automáticamente la próxima vez que ingrese: on - significa que el campo no está protegido y su valor se puede almacenar y recuperar, desactivado: desactiva el autocompletar para los campos del formulario.
enfoque automático	Le permite asegurarse de que en el formulario de carga uno u otro campo de entrada ya tenga foco (ha sido seleccionado), estando listo para ingresar un valor.
comprobado	El atributo verifica si la casilla de verificación predeterminada está marcada al cargar la página para campos como type="checkbox" y type="radio" .
desactivado
forma	El valor del atributo debe ser igual al atributo id del elemento. en el mismo documento. Identifica uno o más formularios a los que pertenece este campo de formulario.
formación	Especifica la URL del archivo que procesará los datos ingresados ​​en los campos al enviar el formulario. Establecer solo para campos de tipo="enviar" y tipo="image" . El atributo anula el valor del atributo de acción del propio formulario.
tipo de formulario	Determina cómo se codificarán los datos del campo del formulario cuando se envíen al servidor. Anula el valor del atributo enctype del formulario. Establecer solo para campos de tipo="enviar" y tipo="image" . Opciones: application/-x-www-form-urlencoded es el valor predeterminado. Todos los caracteres se codifican antes del envío (los espacios se reemplazan con el carácter +, los caracteres especiales se convierten a valores ASCII HEX) multipart/form-data - los caracteres no están codificados texto/sin formato: los espacios se reemplazan con el símbolo + y los caracteres especiales no se codifican.
método de forma	El atributo especifica el método que utilizará el navegador para enviar datos del formulario al servidor. Establecer solo para campos de tipo="enviar" y tipo="image" . Anula el valor del atributo del método del formulario. Opciones: get es el valor predeterminado. Los datos del formulario (par nombre/valor) se agregan a la URL y se envían al servidor: URL?nombre=valor&nombre=valor Los datos posteriores al formulario se envían como una solicitud http.
formularionovalidar	Especifica que los datos del campo del formulario no deben validarse cuando se envía el formulario. Anula el valor del atributo novalidate del formulario. Se puede utilizar sin especificar un valor de atributo.
objetivo de formulario	Determina dónde mostrar la respuesta recibida después de enviar el formulario. Establecer solo para campos de tipo="enviar" y tipo="image" . Anula el valor atributo objetivo formas. _parent – ​​carga la respuesta en el marco principal _top – carga la respuesta en pantalla completa nombre de marco: carga la respuesta en un marco con el nombre especificado.
altura	El valor del atributo contiene el número de píxeles sin especificar una unidad de medida. Establece la altura de un campo de formulario de tipo type="image" , por ejemplo, . Se recomienda establecer tanto la altura como el ancho del campo al mismo tiempo.
lista	Es una referencia a un elemento.
máximo	Le permite limitar la entrada numérica permitida a un valor máximo; el valor del atributo puede contener un número entero o; numero fraccionario. Se recomienda utilizar este atributo junto con el atributo min. Funciona con los siguientes tipos campos: número, rango, fecha, fecha y hora, fecha y hora local, mes, hora y semana.
longitud máxima	El atributo especifica cantidad máxima caracteres ingresados ​​en el campo. El valor predeterminado es 524288 caracteres.
mín.	Le permite limitar la entrada numérica permitida a un valor mínimo.
múltiple	Permite al usuario ingresar múltiples valores de atributos, separados por una coma. Se aplica a archivos y direcciones de correo electrónico. Especificado sin valor de atributo.
nombre	Especifica el nombre que se utilizará para acceder al elemento. , por ejemplo, en tablas estilos css. Es análogo al atributo id.
patrón	Le permite determinar usando expresión regular la sintaxis de los datos que se deben permitir ingresar en un campo en particular. Por ejemplo, patrón="(3)-(3)" - los corchetes establecen el rango de caracteres válidos, en en este caso- cualquier letras minúsculas, el número entre llaves indica que necesita tres letras minúsculas, seguidas de un guión y luego tres números del 0 al 9.
marcador de posición	Contiene el texto que se muestra en el campo de entrada antes de completarlo (la mayoría de las veces es información sobre herramientas).
sólo lectura	No permite al usuario cambiar los valores de los elementos del formulario; la selección y copia de texto aún está disponible. Especificado sin valor de atributo.
requerido	Muestra un mensaje indicando que este campo es obligatorio. Si el usuario intenta enviar el formulario sin ingresar el valor requerido en este campo, se mostrará un mensaje de advertencia en la pantalla. Especificado sin valor de atributo.
tamaño	Establece el ancho visible del campo en caracteres. El valor predeterminado es 20. Funciona con los siguientes tipos de campos: texto, búsqueda, tel, url, correo electrónico y contraseña.
src	Especifica la URL de la imagen utilizada como botón de envío del formulario. Indicado sólo para el campo. .
paso	Utilizado para elementos que requieren el ingreso de valores numéricos, indica la cantidad a aumentar o disminuir los valores durante el proceso de ajuste de rango (paso).
tipo	botón: crea un botón.
	casilla de verificación: convierte un campo de entrada en una casilla de verificación que se puede marcar o borrar, p. tengo un auto
	color: genera paletas de colores en los navegadores compatibles, lo que permite a los usuarios seleccionar valores de color en formato hexadecimal.
	fecha: le permite ingresar una fecha en el formato dd.mm.aaaa. Cumpleaños:
	datetime-local: le permite ingresar una fecha y hora separadas por letras mayúsculas letra inglesa T según el patrón dd.mm.aaaa hh:mm. Cumpleaños - día y hora:
	correo electrónico: los navegadores que admiten este atributo esperarán que el usuario ingrese datos que coincidan con la sintaxis de las direcciones de correo electrónico. Correo electrónico:
	archivo: le permite descargar archivos desde la computadora del usuario. Seleccionar archivo:
	oculto: oculta el control, que no se muestra en el navegador y evita que el usuario cambie los valores predeterminados.
	imagen: crea un botón que le permite insertar una imagen en lugar de texto en el botón.
	mes: permite al usuario ingresar el número de año y mes usando el patrón aaaa-mm.
	número: destinado a ingresar valores enteros. Sus atributos min , max y step especifican los límites superior e inferior y el paso entre valores, respectivamente. Estos atributos se asumen para todos los elementos que tienen indicadores numéricos. Sus valores predeterminados dependen del tipo de elemento. Por favor indique cantidad (de 1 a 5):
	contraseña: crea campos de texto en el formulario, mientras que los caracteres ingresados ​​por el usuario se reemplazan con asteriscos, viñetas u otros, instalado por el navegador iconos. Introduzca la contraseña:
	radio: crea un interruptor, un control en forma de un pequeño círculo que se puede encender o apagar. Vegetariano:
	rango: le permitirá crear un elemento de interfaz como un control deslizante, mínimo/máximo: le permitirá establecer el rango de selección
	restablecer: crea un botón que borra los campos del formulario de los datos ingresados ​​por el usuario.
	búsqueda: denota un campo de búsqueda; de forma predeterminada, el campo de entrada tiene forma rectangular. Buscar:
	enviar - crea botón estándar, activado con un clic del ratón. El botón recopila información del formulario y la envía para su procesamiento.
	texto: crea campos de texto en un formulario y genera un campo de texto de una sola línea para la entrada de texto.
	hora: le permite ingresar la hora en formato de 24 horas usando el patrón hh:mm. En los navegadores compatibles, aparece como un control de campo de entrada numérico con un valor editable con el mouse y solo permite ingresar valores de tiempo. Especificar tiempo:
	URL: el campo está destinado a especificar URL. Página de inicio:
	semana: la herramienta de puntero correspondiente permite al usuario seleccionar una semana del año, después de lo cual proporcionará la entrada de datos en formato nn-aaaa. Dependiendo del año, el número de semanas puede ser 52 o 53. Especificar semana:
valor	Determina el texto que aparece en un botón, en un campo o en el texto asociado. No especificado para campos de tipo archivo.
ancho	El valor del atributo contiene el número de píxeles. Le permite establecer el ancho de los campos del formulario.

4. Campos de entrada de texto

Elemento ... usado en lugar de elemento cuando necesita crear campos de texto grandes. El texto que se muestra como valor original se coloca dentro de la etiqueta. Las dimensiones del campo se establecen utilizando los atributos cols - dimensiones horizontales, filas - dimensiones verticales. La altura del campo se puede configurar. propiedad de altura. Todos los tamaños se calculan en función del tamaño de un carácter en una fuente monoespaciada.

Tabla 4. Atributos de etiqueta <tr><th>Atributo</th> <th>Significado/Descripción</th> </tr><tr><td>enfoque automático</td> <td>Establece el foco automáticamente en el campo de texto inicial deseado.</td> </tr><tr><td>columnas</td> <td>Establece el ancho en términos del número de caracteres. Si el usuario ingresa <a href="https://innovakon.ru/es/services/primery-populyarnyh-napravlenii-veb-dizaina-bolshie-razmery-bukv-v-tekstah.html">más texto</a>, aparece una barra de desplazamiento.</td> </tr><tr><td>desactivado</td> <td>Desactiva la capacidad de editar y copiar contenidos de campos.</td> </tr><tr><td>forma</td> <td>El valor del atributo debe ser igual al valor del atributo id del elemento. <form>en el mismo documento. Identifica uno o más formularios a los que pertenece este campo de texto.</td> </tr><tr><td>longitud máxima</td> <td>El valor del atributo especifica el número máximo de caracteres para ingresar en el campo.</td> </tr><tr><td>nombre</td> <td>Especifica el nombre del campo de texto.</td> </tr><tr><td>marcador de posición</td> <td>Define un mensaje de texto breve que describe el valor de entrada esperado.</td> </tr><tr><td>sólo lectura</td> <td>Desactiva la capacidad de editar el contenido del campo.</td> </tr><tr><td>requerido</td> <td>Muestra un mensaje indicando que este campo es obligatorio.</td> </tr><tr><td>filas</td> <td>Especifica un número que indica cuántas líneas deben mostrarse en el área de texto.</td> </tr><tr><td>envoltura</td> <td>Determina si el texto debe conservar los saltos de línea cuando se envía el formulario. El valor duro preserva el acarreo, pero el valor blando no. Si se utiliza el valor difícil, entonces se debe especificar el valor. <a href="https://innovakon.ru/es/internet/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">atributo columnas</a>. </td> </tr></table><h3>5. Lista desplegable</h3> <p>Las listas permiten organizar una gran cantidad de elementos de forma compacta. Las listas desplegables se crean usando el elemento <select>...</select>. Le permiten seleccionar uno o más valores del conjunto propuesto. De forma predeterminada, un cuadro de lista muestra su primer elemento.</p> <p>Los elementos se utilizan para agregar elementos a la lista. <option>...</option>, que se encuentran en el interior <select> .</p> <p>Para sistematizar listas, utilice el elemento. <optgroup>...</optgroup>, que crea encabezados en listas.</p> <p>Para las listas, puede cambiar el tamaño de fuente, el tipo de fuente, el color y otras propiedades del texto, así como agregar bordes, color de fondo e imagen de fondo.</p> <table class="t3">Tabla 5. Atributos de etiqueta <select> <tr><th>Atributo</th> <th>Significado/Descripción</th> </tr><tr><td>enfoque automático</td> <td>Establece el enfoque automático en un elemento cuando se carga la página.</td> </tr><tr><td>desactivado</td> <td>Deshabilita la lista desplegable.</td> </tr><tr><td>forma</td> <td>Define la forma a la que pertenece. <a href="https://innovakon.ru/es/phone/chernyi-spisok-vk-chto-daet-instrukciya-kak-dobavit-v-chernyi-spisok-v.html">esta lista</a>. El valor del atributo es el identificador del formulario.</td> </tr><tr><td>múltiple</td> <td>Le permite seleccionar uno o más elementos; para hacer esto, al seleccionar, debe mantener presionado; <a href="https://innovakon.ru/es/internet/komanda-sootvetstvuyushchaya-klaviaturnoi-kombinacii-ctrl-f.html">Tecla Ctrl</a>. </td> </tr><tr><td>nombre</td> <td>Define un nombre para la lista desplegable. El valor del atributo contiene un nombre que refleja el tema de la lista.</td> </tr><tr><td>requerido</td> <td>Muestra un mensaje que indica que el usuario debe seleccionar un valor de la lista desplegable antes de enviar el formulario.</td> </tr><tr><td>tamaño</td> <td>Establece el número de elementos de la lista que son visibles simultáneamente en la pantalla. Si el número de elementos de la lista excede el número establecido, aparece una barra de desplazamiento. El valor del atributo se especifica como un número entero positivo.</td> </tr></table><h3>6. Etiquetas para campos de formulario</h3> <p>Las etiquetas para elementos de formulario se crean usando el elemento <label>...</label>. Hay dos formas de agrupar etiquetas y campos. Si el campo está dentro de un elemento <label>, entonces no es necesario especificar el atributo for.</p><p> <!-- с указанием атрибута for --> <label for="comments">cuando tu <a href="https://innovakon.ru/es/services/besplatnyi-optimizator-kompyutera-comodo-system-utilities-opisanie-kogda-vy.html">último tiempo</a> volaste en un avión?</label> <textarea id="comments">

Gato

7. Botones

Elemento ... Crea botones en los que se puede hacer clic. A diferencia de los botones creados ( , , , ), dentro del elemento puedes colocar contenido: texto o imagen.

Para mostrar el elemento correctamente

diferentes navegadores debe estar indicado atributo de tipo, Por ejemplo, .

Los botones permiten a los usuarios enviar datos a un formulario, borrar el contenido del formulario o realizar alguna otra acción. Puede crear bordes, cambiar el fondo y alinear el texto en un botón.

Tabla 9. Atributos de etiqueta

Atributo	Significado/Descripción
enfoque automático	Establece el foco en el botón cuando se carga la página.
desactivado	Desactiva el botón, por lo que no se puede hacer clic en él.
forma	Indica uno o más formularios a los que pertenece este botón. El valor del atributo es el identificador del formulario correspondiente.
formación	El valor del atributo contiene la URL del controlador de datos del formulario enviado cuando se hace clic en el botón. Solo para tipo de botón tipo="enviar" . Anula el valor del atributo de acción especificado para el elemento .
tipo de formulario	Establece el tipo de codificación de los datos del formulario antes de enviarlos al servidor cuando se hace clic en botones como tipo="enviar". Anula el valor del atributo enctype especificado para el elemento . Valores posibles: application/x-www-form-urlencoded es el valor predeterminado. Todos los caracteres se codificarán antes de enviarlos. multipart/form-data: los caracteres no están codificados. Se utiliza cuando los archivos se cargan mediante un formulario. texto/sin formato: los caracteres no están codificados y los espacios se reemplazan con el símbolo +.
método de forma	El atributo especifica el método que utilizará el navegador para enviar el formulario. Anula el valor del atributo del método especificado para el elemento . Especificado solo para botones del tipo type="enviar". Valores posibles: get: los datos del formulario (par nombre/valor) se agregan a la URL y se envían al servidor. este método tiene restricciones en el tamaño de los datos enviados y no es adecuado para enviar contraseñas e información confidencial. post: los datos del formulario se agregan como una solicitud http. El método es más confiable y seguro que get y no tiene restricciones de tamaño.
formularionovalidar	El atributo especifica que los datos del formulario no deben validarse al enviarlos. Especificado solo para botones del tipo type="enviar".
objetivo de formulario	El atributo especifica en qué ventana mostrar el resultado después de enviar el formulario. Especificado solo para botones del tipo type="enviar". Anula el valor del atributo de destino especificado para el elemento . _blank: carga la respuesta en una nueva ventana/pestaña _self: carga la respuesta en la misma ventana (predeterminado) _parent: carga la respuesta en el marco principal _top - carga la respuesta en pantalla completa framename: carga la respuesta en un marco con el nombre especificado.
nombre	Establece el nombre del botón, el valor del atributo es texto. Se utiliza para vincular a los datos del formulario después de que se haya enviado el formulario, o para vincular a este botón(botones) en JavaScript.
tipo	Define el tipo de botón. Valores posibles: botón - botón en el que se puede hacer clic restablecer: botón de reinicio, devuelve el valor original enviar: botón para enviar datos del formulario.
valor	Establece el valor predeterminado enviado cuando se hace clic en el botón.

8. Casillas de verificación y botones de opción en formularios.

Las casillas de verificación en los formularios se configuran mediante la construcción , y el interruptor - usando .

Las casillas de verificación, a diferencia de los botones de opción, se pueden configurar en varias en un solo formulario. Si el atributo marcado se especifica para las casillas de verificación, cuando se cargue la página, las casillas de verificación en los campos del formulario correspondientes ya estarán seleccionadas.

Elemento Se utiliza al implementar la selección mediante botones de opción y casillas de verificación. puedes elegir artículo deseado, simplemente haciendo clic en el texto asociado al mismo. Para hacer esto necesitas colocar dentro del elemento .