Curso HTML
Formularios
Aprenderás cómo crear un formulario para recibir información de los usuarios de tu página web.
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>
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.
1275 visitas
« Capítulo 9 – Multimedia
© Copyright Codea App | LATAM | 2020 - 2024