A Contact Form

by Mehmetcan Sinir

HTML

<title>Web Form</title>
<body>
    <div id="header">
        <h1>Contact Us!</h1>
    </div>
    <div id="wrapper">
        <!--the main div where all the other divs are-->
        <div id="inputs">
            <form name="userInput">
                <!--forms are used to transfer information from your browser(client) to the computer hosting the website(server). The form element allows you to have input elements, which has types like submit, radio, text, or checkbox-->
                <input type="text" name="First Name" value="First Name">
                <br/>
                <input type="text" name="Last Name" value="Last Name">
                <br/>
                <input type="text" name="e-mail" value="e-mail address">
            </form>
            <form id="options">Message:</br>
                <textarea name="msg"></textarea>
                <br/>
                <!--The textbox created by textarea is always resizable-->
                <p>Sex</p>
                <input type="radio" name="sex" value="male">
                <!--value is what you get as feedback from the user, the value must be telling of the users ' choice.-->Male
                <input type="radio" name="sex" value="female">Female</br>
                </br>
                <input type="radio" name="updates" value="updates" checked>I would like to receive notices when this website updates.</br>
                <input type="radio" name="services" value="services">I would like to receive notices pertaining to related websites and their services.</br>
                </br>
                <input type="submit" value="submit">
            </form>
        </div>
    </div>
</body>

CSS

#header {
    position: relative;
    top: -10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 40px;
    background-color: #0B0B3B;
}
h1 {
    text-align: center;
    font-family: Lobster;
    color: #FFFFFF;
}
p {
    display: inline-block;
}