You are on page 1of 2

<!

DOCTYPE html>

<html>

<h1>Former Form</h1>

<body text="white">

<style>

body {background-color: grey;

font-family: Lucida Handwriting;

border-style: double;

border-color: white;

h1 {text-align: center;}

form {text-align: center;}

</style>

<form>

First Name <input type="text" name="firstname" />

<input type="text" name="lastname" /> Surname<br/>

Tell me your location PLEASE<input type="text" name="location" size="10" /> <br/>

<input type="text" name="email" size="15" /> E-mail Address<br/>

<input type="checkbox" name="Male" value="Male" /> Male

<input type="checkbox" name="Female" value="Female" /> Female

<p><b> Who's better Gojo or Batman? hint: It's not Gojo </b></p>

<input type="radio" name="character" value="none" /> Gojo <input type="radio" name="character"


value="none" /> Batman

<p><b> Age: </b></p>

<select name="age">

<option value="teenager"> Younger than 20</options>


<option value="stillyoung"> Ranging from 21-35</options>

<option value="middleaged"> 36 or older</options>

<option selected>Not born yet</option>

</select><br/>

<p><b> Fav Sport </b></p>

<select name="sport">

<option value="volleyball"> Volleyball</options>

<option value="soccer"> Soccer</options>

<option value="basketball"> Basketball</options>

<option selected>Doesn't play any sports/ Other sports</option>

</select><br/>

Fav Food</br>

<input type="radio" name="food" value="none" /> Pizza

<input type="radio" name="food" value="none" /> Burger

<input type="radio" name="food" value="none" /> KFC

<input type="radio" name="food" value="none" /> Sea Foods</br>

Fav Color <input type="text" name="color" value="none" /></br>

Which one is better?</br>

<input type="checkbox" name="games" value="none" /> Play Games

<input type="checkbox" name="sleep" value="none" /> Sleep</br>

<input type="submit" value="Send data" />

<input type="reset" value="Clear data" />

</form>

</body>

</html>

You might also like