Skip to content

Instantly share code, notes, and snippets.

@nicolasleal570

nicolasleal570/formularios.html

Created September 21, 2020 22:16
Show Gist options
  • Save nicolasleal570/55dbd47978e56160350b45b7ea54a26b to your computer and use it in GitHub Desktop.
Save nicolasleal570/55dbd47978e56160350b45b7ea54a26b to your computer and use it in GitHub Desktop.
Download ZIP
Etiquetas básicas para el formulario
Raw
formularios.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Explicación de Formularios</title>
</head>
<body>
<form action="" method="POST">
<label for="nombre">Ingresa tu Nombre</label>
<br />
<input
type="text"
placeholder="Example: John Doe"
name="nombre"
id="nombre"
/>
<!-- Break line -->
<br />
<br />
<label for="email">Ingresa tu Email</label>
<br />
<input
type="email"
placeholder="Example: [email protected]"
name="email"
id="email"
/>
<br />
<br />
<label for="contrasena">Ingresa tu Contraseña</label>
<br />
<input
type="password"
placeholder="********"
name="contrasena"
id="contrasena"
/>
<br />
<br />
<label for="nroTelefono">Ingresa tu Número de Teléfono</label>
<br />
<input
type="tel"
placeholder="Example: 04241569852"
name="telefono"
id="nroTelefono"
/>
<br />
<br />
<label for="masculino">Masculino</label>
<input
type="radio"
name="sexo"
value="masculino"
id="masculino"
checked
/>
<br />
<label for="femenino">Femenino</label>
<input type="radio" name="sexo" value="femenino" id="sexo" />
<br />
<br />
<label for="marcas">Marcas Favoritas de Carro</label>
<br />
<select name="marcas" id="marcas">
<option value="">Selecciona una Marca</option>
<option value="chevrolet">Chevrolet</option>
<option value="ford">Ford</option>
<option value="honda">Honda</option>
<option value="honda">Honda</option>
</select>
<br />
<br />
<label for="mensaje">Ingresa tu Mensaje</label>
<br />
<textarea
name="mensaje"
id="mensaje"
cols="30"
rows="10"
placeholder="Hello World!"
></textarea>
<br />
<br />
<input type="checkbox" name="aceptar" id="aceptar" />
<label for="aceptar">Aceptar terminos y condiciones</label>
<br />
<br />
<button type="submit">Enviar datos</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment