Skip to content

Instantly share code, notes, and snippets.

@XaqesWilper
Created September 12, 2022 20:49
Show Gist options
  • Save XaqesWilper/ff68ba4c7660a86b54196d89950dd086 to your computer and use it in GitHub Desktop.
Save XaqesWilper/ff68ba4c7660a86b54196d89950dd086 to your computer and use it in GitHub Desktop.
HTML - Forms
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Formularios en HTML</title>
</head>
<body>
<h1>Concurso de series</h1>
<form>
<!-- novalidate para no validar los controles-->
<fieldset>
<legend>Vota por tu serie favorita</legend>
<label for="Nombre" >Nombre</label>
<input type="text" placeholder="Ej. Luis Perez" id="Nombre" name="Nombre" required = "true">
<br><br>
<label for="Email">Email</label>
<input type="email" placeholder="luis.perez@gmail.com" id="Email" name="Email" required = "true">
<br><br>
<label>Contraseña</label>
<input type="password">
<br><br>
<label>Serie</label>
<select>
<option>Lost</option>
<option>How I met your mother</option>
<option>Fargo</option>
<option>True Detective</option>
</select>
<br><br>
<label>¿La ves en VOS?</label><br>
<input type="radio" name="vos"> No<br>
<input type="radio" name="vos"> Sí, no puedo esperar a que la traduzcan
<br><br>
<label>¿Desde dónde ves la serie?</label><br>
<input type="checkbox"> Desde la TV<br>
<input type="checkbox"> Desde el ordenador<br>
<input type="checkbox"> Desde la tablet
<br><br>
<label>¿Por qué amas esa serie?</label><br>
<textarea rows="5" cols="70"></textarea>
<br><br>
<input type="submit" value="Participar">
<input type="submit" value="Envio sin validar" formnovalidate="formnovalidate">
<input type="reset" value="Borrar formulario">
</fieldset>
</form>
<p>Este concurso está sometido a las siguientes <a href="bases_legales.html">bases legales</a> antes notario.</p>
<hr>
<p>&copy; Copyright 2015 | Tus Series Favoritas &amp; Co.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment