solutions/html/forms/exercise2.html

<!DOCTYPE html>
<html>
<head>
    <title>Exercise #2: Subscription form</title>
    <meta charset="UTF-8">
</head>
<body>
<form action="">
    <h3>Personal details </h3>
    First name: <input type="text" name="firstname" id="firstname" value="" size="20"/><br/>
    Last name: <input type="text" name="lastname" id="lastname" value="" size="20"/><br/>
    Email: <input type="email" name="email" id="email" value="" size="20"/><br/>
    Gender:
    <input type="radio" name="sex" value="male"/> Male
    <input type="radio" name="sex" value="female"/> Female<br/>

    <h3>Magazines</h3>
    <input type="checkbox" name="mag_1" value="1">Stavanger Aftenblad<br/>
    <input type="checkbox" name="mag_2" value="1">Teknisk Ukeblad<br/>
    <input type="checkbox" name="mag_3" value="1">Se og Hør<br/>
    <input type="checkbox" name="mag_4" value="1">Familien<br/>

    <h3>Subscription</h3>
    Period:
    <select name="period" id="period">
        <option value="6">6 months</option>
        <option value="12">12 months</option>
        <option value="18">18 months</option>
        <option value="24">24 months</option>
    </select>
    <br />

    <input type="submit" value="Subscribe"/>

</form>
</body>
</html>