contact form

by ryantroyford

HTML

<form id="contactus" method="post" action="">
    <fieldset>
        <legend>Email Us.</legend>
        <div>
            <label for="fullName">Full Name:</label>
            <input type="text" name="fullName" id="fullName" value="" autofocus="true" />
        </div>
        <div>
            <label for="email">Email:</label>
            <input type="email" name="email" value=""/>
        </div>
        <div>
            <label for="phone">Phone:</label>
            <input type="text" name="Phone" value="" />
        </div>    
        <div>
            <label class="msglabel" for="Message">Message:</label>
            <textarea id="qmessage" name="Message" cols="25" rows="4"></textarea>
        </div>                             
        <div>   
            <input id="submit" type="submit" value="Submit" class="submit" />
        </div>
    </fieldset>
</form>

CSS

input, textarea, select{-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;    padding:7px; margin-right:10px;    border:1px solid #cfcfcf; -webkit-box-shadow: 0px 1px 3px #d4d4d4; -moz-box-shadow: 0px 1px 3px #d4d4d4; -o-box-shadow: 0px 1px 3px #d4d4d4; box-shadow: 0px 1px 3px #d4d4d4; font-family:Arial, Helvetica, sans-serif; background:url(../images/input_field_bg.png) repeat; border:1px solid #c4c4c4; color:# }
input:focus, textarea:focus { background:none; }
input { width:200px; }
textarea {  width:270px; }
label {display: block; width: 270px; cursor: default;}
form#contactus {margin-top: 10px;}
form#contactus fieldset{border: 1px solid #eee; padding: 30px;}

form#contactus div {margin: 4px 0;}

#submit{    
    width: 110px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    background: #335D30;
    color: #eee;
}
#submit:hover {
    background: #336B30;
}