CSS3 Login Form

HTML

<script src="http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.min.js"></script>
<form action="#">
    <fieldset>
        <label for="username">Username: 
            <span class="required_input">*</span>
        </label>
        <input type="text" name="username" />
    </fieldset>
    
    <fieldset>
        <label for="password">Password: 
            <span class="required_input">*</span>
        </label>
        <input type="password" name="password" />
    </fieldset>
    
    <fieldset style="text-align: right; margin-bottom: 5px;">
        <input type="submit" value="login" />
    </fieldset>
    
    <small id="required_notice"><span>*</span> Required</small>
</form>




<form action="#">
    <fieldset>
        <label for="subject">Subject: 
            <span class="required_input">*</span>
        </label>
        <input type="text" name="subject" />
    </fieldset>
    
    <fieldset>
        <label for="message">Message: 
            <span class="required_input">*</span>
        </label>
        <textarea name="message"></textarea>
    </fieldset>
    
    <fieldset style="text-align: right; margin-bottom: 5px;">
        <input type="submit" value="Send" />
    </fieldset>
    
    <small id="required_notice"><span>*</span> Required</small>
</form>

JavaScript

$("textarea").autoResize({
    extraSpace : 0,
    animateDuration : 50
});