<form action="#">

    <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 checkboxGroup">
            <label for="checkbox">Checkbox Group </label>
            <div class="inputWrap">
                <div class="row checkboxRow">
                    <input id="checkbox3" name="checkbox" type="checkbox" class="checkbox" checked="checked">
                    <label for="checkbox3">Option 1</label>
                </div> <!-- .row -->
                <div class="row checkboxRow">
                    <input id="checkbox4" name="checkbox" type="checkbox" class="checkbox">
                    <label for="checkbox4">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="radio3" name="radio" type="radio" class="radio" checked="checked">
                    <label for="radio3">Option 1</label>
                </div> <!-- .row -->
                <div class="row radioWrap">
                    <input id="radio4" name="radio" type="radio" class="radio">
                    <label for="radio4">Option 2</label>
                </div> <!-- .row -->
            </div> <!-- .inputWrap -->
        </div> <!-- .row.radioGroup -->

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

    </fieldset>

</form>
