Inicio » Cursos » HTML

Introducción al Desarrollo Web

Conociendo HTML

Organizando el contenido HTML

Agregando recursos multimedia

Gestionando datos en HTML

Curso HTML

Lección: 10 ➜ Formularios

Aprenderás cómo crear un formulario para recibir información de los usuarios de tu página web.

Lección 10: Formularios

Crear formulario html. Recopilar datos ingresados por un formulario.

 Se utiliza un formulario HTML para recopilar datos ingresados por el usuario.

Utilizamos la etiqueta

 

Formulario

 

Usuario:
Contraseña:
Nombres:
Apellidos:

 

¿Eres mayor de edad?

 

Si No

 

¿Qué equipos/dispositivos tienes?


Los formularios en HTML son elementos esenciales para recopilar datos e interactuar con los visitantes de un sitio web. Aquí tienes una introducción a cómo crear formularios en HTML:

Elemento <form>: El elemento principal que define un formulario en HTML es <form>. Este elemento se utiliza para agrupar y organizar los campos del formulario. El atributo action se utiliza para especificar la URL a la que se enviarán los datos del formulario cuando se envía.

<form action="procesar.php" method="post">
  <!-- Campos del formulario se agregan aquí -->
</form>
  • action: La URL a la que se enviarán los datos del formulario.
  • method: El método HTTP que se utilizará para enviar los datos (por lo general, "GET" o "POST").

 

Elemento <input>: El elemento <input> se utiliza para crear campos de entrada en un formulario. Puedes usar diferentes tipos de entrada, como texto, contraseña, radio, casilla de verificación, etc. El atributo type especifica el tipo de campo de entrada.

<input type="text" name="nombre" placeholder="Nombre">
<input type="password" name="contrasena" placeholder="Contraseña">
<input type="radio" name="genero" value="masculino"> Masculino
<input type="radio" name="genero" value="femenino"> Femenino
<input type="checkbox" name="suscripcion" value="si"> Suscribirse al boletín

 

  • type: El tipo de campo de entrada (texto, contraseña, radio, casilla de verificación, etc.).
  • name: El nombre del campo de entrada que se utilizará para identificar el dato enviado.
  • value: El valor predeterminado o el valor enviado al servidor cuando se selecciona el campo.

 

Elemento <textarea>: El elemento <textarea> se utiliza para crear áreas de texto multilínea en un formulario.

<textarea name="comentarios" rows="4" cols="50">Escribe tus comentarios aquí</textarea>

 

Elemento <select> y <option>: Estos elementos se utilizan para crear listas desplegables en un formulario.

<select name="ciudad">
  <option value="ny">Nueva York</option>
  <option value="la">Los Ángeles</option>
  <option value="chicago">Chicago</option>
</select>

 

Elemento <button>: El elemento <button> se utiliza para crear botones de envío en un formulario.

<button type="submit">Enviar</button> <button type="reset">Restablecer</button> 

 

Estos son algunos de los elementos fundamentales para crear formularios en HTML. También puedes utilizar atributos como required para requerir que se complete un campo y placeholder para proporcionar pistas de lo que se espera en un campo. El manejo y procesamiento de los datos del formulario generalmente se realiza en el servidor, utilizando un lenguaje de programación como PHP, Python o JavaScript.


872 visitas

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023