Formularios HTML
Fundamentos de los formularios HTML
Aquí, buscaremos los bloques de construcción de elementos de formulario HTML y sus respectivos atributos. Entonces, vamos a profundizar en ellos:
Elemento de formulario HTML
Esta etiqueta es la base de los formularios HTML y se utiliza para dar el primer paso para crear formularios HTML. La siguiente sintaxis se refiere a la etiqueta de formulario:
Los elementos de formulario se discutirían en las próximas secciones. Aquí, presentamos la tabla de atributos compatible con el elemento de formulario HTML.
| Atributos del elemento de formulario HTML | ||
|---|---|---|
| Atributos | Valores) | Descripción |
| acción | Esto define la ubicación/archivo donde se enviarán los datos del formulario | |
| objetivo | Se usa para mostrar la respuesta después del envío del formulario | |
| _ser | Ventana actual | |
| _arriba | Marco completo de la ventana actual | |
| _padre | Marco principal | |
| _blanco | Nueva ventana | |
| Método | Define el método HTTP para enviar el formulario | |
| CONSEGUIR | Es el método predeterminado utilizado para solicitar datos del servidor | |
| CORREO | Se usa para enviar datos al servidor | |
| Autocompletar | en | La reutilización del formulario automáticamente los campos |
| Novalidar | Los datos del formulario no serán validados al enviar | |
La tabla anterior ha resumido todos los atributos compatibles con el elemento de formulario. Exploremos elementos de formularios HTML.
Elemento de etiqueta HTML
Este elemento define la etiqueta de los elementos de formulario HTML para mostrar el propósito/descripción de ese elemento en la pantalla del usuario. Aunque no es un elemento necesario para crear formularios HTML, sin embargo, se recomienda agregar este elemento a medida que ayuda a guiar a los usuarios.
La sintaxis de la etiqueta de la etiqueta se describe a continuación
El nombre representa el valor que se mostraría en la pantalla del usuario y acepta un atributo llamado para que contiene la referencia al identificación Atributo del elemento de entrada.
Elemento de entrada HTML
El elemento de entrada se considera como el elemento central de una forma HTML. La sintaxis proporcionada a continuación se refiere al elemento de entrada:
La funcionalidad de la etiqueta de entrada depende de los atributos y sus valores. Hemos enumerado los atributos importantes del elemento de entrada HTML.
| Atributos del elemento de entrada | ||
|---|---|---|
| Atributos | Valores) | Descripción |
| identificación | Establece el identificador para el reconocimiento | |
| Valor | Especifica el valor inicial del campo de entrada | |
| Nombre | Se utiliza para enviar los datos del elemento de entrada | |
| solo lectura | Se utiliza para restringir el campo de texto a solo lectura | |
| longitud máxima | Se utiliza para definir el número máximo de caracteres en un campo de entrada | |
| mínimo | Se utiliza para establecer el valor mínimo de número, fecha, rango, mes, etc., | |
| máximo | El valor máximo de número, fecha, rango, mes, etc., | |
| múltiple | Este atributo permite ingresar múltiples direcciones de correo electrónico o adjuntar varios archivos | |
| requerido | Debe llenarse antes de la presentación | |
| marcador de posición | Los caracteres ficticios que ya están presentes en el campo de entrada | |
| tipo | Utilizado para insertar datos según los valores | |
| texto | Campo de texto único para insertar datos | |
| botón | Crea un botón | |
| contraseña | Establecer un campo de contraseña | |
| entregar | Enviar botón para enviar el formulario | |
| reiniciar | Botón de reinicio para restablecer todos los valores | |
| radio | Para crear un botón de radio | |
| caja | Para crear una casilla de verificación | |
| color | Para establecer un color del campo de texto | |
| fecha | Crear un campo de fecha | |
| correo electrónico | Para crear un campo de texto para obtener la dirección de correo electrónico | |
| archivo | Se crearía un campo de selección de archivos para obtener el archivo | |
| oculto | Un campo que solo es visible para el desarrollador | |
| mes | Para seleccionar mes y año | |
| número | Crea un campo que acepta valores numéricos | |
| Tel | Para insertar un número de teléfono | |
| url | Se usa para crear un campo que contenga URL | |
Los atributos proporcionados en la tabla representan que el elemento de entrada tiene un papel clave en la creación de formularios HTML.
Elemento HTML TextAREA
El elemento de entrada le permite insertar un campo de texto de una sola línea. Sin embargo, si desea crear campos de texto de múltiples líneas, debe usar la etiqueta usando la siguiente sintaxis:
Este elemento acepta tres atributos, hilera, cols, y nombre. Las filas y el atributo cols para establecer el altura y ancho del atributo mientras el nombre El atributo se utiliza para reconocer la textura por el servidor.
De la discusión anterior, habría pasado por los bloques de construcción de formularios HTML. Practicemoslos para crear un formulario HTML de muestra.
Cómo crear un formulario HTML
Esta sección practica algunos ejemplos que crean formularios HTML en varios escenarios.
Ejemplo
El código proporcionado a continuación crea un formulario HTML utilizando el elemento de formulario junto con los elementos de entrada y etiqueta.
La descripción del código es la siguiente:
- Se declara que un elemento de formulario inicia el cuerpo seguido por la etiqueta, la entrada y los elementos del área de texto.
- Dos elementos de etiqueta se refieren a dos elementos de entrada que se supone que obtienen el nombre y el correo electrónico del usuario. Además, el último elemento de etiqueta representa el campo TextAREA.
- Por último, se crea un botón utilizando el tipo de envío del elemento de entrada.
Producción
Para una mejor comprensión de la salida, hemos resaltado el área donde se crean los botones de etiqueta, entrada, textura y envío.
Conclusión
Los formularios en HTML se utilizan para recopilar datos del usuario. Puede ser para cualquier propósito, como información del cliente, registro, comentarios, comentarios, etc. Un formulario HTML puede comprender varios campos de texto, botones de radio, casillas de verificación, campos de correo electrónico y muchos más. Hemos proporcionado los elementos fundamentales de los formularios HTML y luego, estos elementos se utilizan para crear un formulario HTML también.