formulario HTML5

formulario HTML5

en lo básico el formulario HTML5 permite que un usuario inserte datos, dependiendo que tipo de dato pide el interfaz gráfica del formulario de HTML5, como se darán cuenta un formulario interactúa con el usuario, uno de los ejemplos claros es cuando para entrar a tu facebook te pide usuarios y contraseña, bueno eso es un formulario que interactúa, recibe un servidor y lo procesa un servidor, es decir que ya no es HTML5 puro, es un lenguaje en backent puede ser php, javascrip, etc, pero los recibe un servidor y los valida  por que si no validas un formulario puedes ser un victima de los bots, este proceso de validación lo hace backent, bueno HTML5 te da algunos algunas herramientas de validación pero son básicas y son muy fáciles de burlar.

ejemplo de formulario

todo formulario HTML comienza con la etiqueta <form></form>, esta etiqueta tiene un atributo llamado "action", este atributo "action" indica que archivo va procesar este formulario. también tiene un atributo llamado "method", indica como se van enviar los datos como, por "POST", "GET".

el formulario tiene campos el mas básico es el <input></input>, que es un input, es por donde el usuario va escribe datos como: sus nombres, apellidos, correos, edad, numero de DNI, etc. por eso es necesario validar, si tu quieres que el usuario ingrese numero de su DNI y tu tienes que validar que son números y no que sean letras. el tipo de <input> mas común es el de tipo texto como: type="texto", el atributo type es el quien designa que tipo de texto es, tenemos muchísimos tipos de textos que pondríamos.

el <button><button>, es el atributo de formulario, es por donde se podría enviar al backend, el boton por si mismo no nos indica nada, es en aquí donde viene el etiqueta <label></label> , esta etiqueta le da nombre al campo y el atributo "for", es el quien indica a quien pertenece este etiqueta . bueno vamos a un ejemplo básico.

<!DOCTYPE html>
<html>
<head>
  <title> formulario </title>
</head>
<body>
  <h1> ejemplo de formulario </h1>
<form action="index.php" method="post">
  <label for="apellido"></label>
  <input type="text" id="apellido">
  <button>enviar los datos ingresados</button>
</form>
</body>
</html>

vamos al inicio

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir