<form action="#" class="formInline">

    <fieldset>
        <legend>Legend</legend>

        <div class="row">
            <label for="text">Text Input <span class="formRequired">*</span></label>
            <div class="inputWrap{% if form_details.errors.text %} inputError{% endif %}">
                <input class="text" type="text" name="text" id="text" value="{{ form_details.request.text }}" />
                {% if form_details.errors.text %}
                    <div class="errorWrap">
                        <i class="fa fa-exclamation"></i>
                        <span>{{ form_details.errors.text }}</span>
                    </div> <!-- .errorWrap -->
                {% endif %}
            </div> <!-- .inputWrap -->
        </div> <!-- .row -->

        <div class="row">
            <label for="password">Password</label>
            <div class="inputWrap">
                <input class="text" type="password" name="password" id="password" value="" />
            </div> <!-- .inputWrap -->
        </div> <!-- .row -->

        <div class="row">
            <label for="textarea">Textarea</label>
            <div class="inputWrap">
                <textarea id="textarea" class="text" rows="8" cols="48">{{ form_details.request.disabledinput }}</textarea>
            </div> <!-- .inputWrap -->
        </div> <!-- .row -->

        <div class="row">
            <label for="select">Select</label>
            <div class="inputWrap">
                <select class="selectBox" id="select">
                    <option>Option One</option>
                    <option>Option Two</option>
                    <option>Option Three</option>
                </select>
            </div> <!-- .inputWrap -->
        </div> <!-- .row -->

        <div class="row">
            <label for="billingPostcodeSearch">Postcode/Zip <span class="formRequired">*</span></label>
            <div class="buttonInline">
                <div class="inputWrap{% if cls.billing_postcode %} inputError showError{% endif %}">
                    <input maxlength="10" type="text" name="billing_postcode" id="billingPostcodeSearch" value="{{ def.billing_postcode }}" class="text postcode-search"{% if 'billing_postcode' in required %} required{% endif %} />
                    {% if cls.billing_postcode %}
                        <div class="errorWrap">
                            <i class="fa fa-exclamation"></i>
                            <span>This field is required</span>
                        </div> <!-- .errorWrap -->
                    {% endif %}
                </div> <!-- .inputWrap -->
                <button type="submit" id="billingPostCodeSubmit" name="submit[billing_postcode]" class="button buttonAlt">Find Address</button>
            </div> <!-- .buttonInline -->
        </div> <!-- .row -->

        <div class="row checkboxRow">
            <input id="checkbox" name="checkbox" type="checkbox">
            <label for="checkbox">Checkbox <span class="formRequired">*</span></label>
        </div> <!-- .row -->

        <div class="row checkboxGroup">
            <label for="checkbox">Checkbox Group </label>
            <div class="inputWrap">
                <div class="row checkboxRow">
                    <input id="checkbox1" name="checkbox" type="checkbox" class="checkbox" checked="checked">
                    <label for="checkbox1">Option 1</label>
                </div> <!-- .row -->
                <div class="row checkboxRow">
                    <input id="checkbox2" name="checkbox" type="checkbox" class="checkbox">
                    <label for="checkbox2">Option 2</label>
                </div> <!-- .row -->
            </div> <!-- .inputWrap -->
        </div> <!-- .row.checkboxGroup -->

        <div class="row radioGroup">
            <label for="radio">Radio</label>
            <div class="inputWrap">
                <div class="row radioWrap">
                    <input id="radio1" name="radio" type="radio" class="radio" checked="checked">
                    <label for="radio1">Option 1</label>
                </div> <!-- .row -->
                <div class="row radioWrap">
                    <input id="radio2" name="radio" type="radio" class="radio">
                    <label for="radio2">Option 2</label>
                </div> <!-- .row -->
            </div> <!-- .inputWrap -->
        </div> <!-- .row.radioGroup -->

        <button type="submit" class="button buttonLarge">Post Comment</button>

    </fieldset>

</form>
