Etiqueta de formulario
Se requieren formularios para recibir información del usuario que visita el sitio web. Este formulario se utiliza básicamente para el proceso de registro, iniciar sesión en su perfil en un sitio web o para crear su perfil en un sitio web, etc… La información que se recopila desde el formulario es -1. Nombre 2. Direcciones de correo electrónico, etc. Ahora el formulario tomará datos del formulario y publicará esos datos en aplicaciones de back-end (como PHP). Por lo tanto, la aplicación backend procesará los datos que reciban. Hay varios elementos de formulario que podemos usar como campos de texto, área de texto, lista desplegable, selección, casillas de verificación, radio, etc.
Sintaxis:
<form> Form Content... </form>
Atributos: hay muchos atributos asociados con la etiqueta <form>. Algunos de ellos se enumeran a continuación:
- Atributo de acción : se utiliza para enviar los datos al servidor después de enviar el formulario.
- Método : -Esto se usa para cargar los datos usando dos métodos que son Obtener y Publicar. Get Method: -Tiene una longitud limitada de caracteres de URL. -No deberíamos usar get para enviar algunos datos confidenciales. -Este método es mejor para datos no seguros. Método de publicación: -1. No tiene limitaciones de tamaño 2. El envío del formulario con el método post, no se puede marcar como favorito.
- Atributo Enctype : -Este atributo se usa para especificar cómo un navegador decodifica los datos antes de enviarlos al servidor. Por lo tanto, los valores de este atributo son: -1.application/x-www-form-urlencoded − Es el estándar método que utilizan la mayoría de los formularios 2.multipart/form-data: se utiliza cuando tiene algo que cargar, como archivos de imágenes, archivos de texto, etc.
Ejemplo de la etiqueta de formulario: –
HTML
<!DOCTYPE html> <html> <body> <h1>form tag </h1> <!--Here we have not used the action attribute as we are not submitting the data to the server--> <form> <label for="fname">FirstName</label><!-- Here i have used label to define the label for input --> <input type="text" name="fname" placeholder="enter your name" required><!--It defines a text field by using input tag --> <label for="lname">LastName</label> <input type="text" name="lname" placeholder="enter your name" required> </form> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde 12
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA