12.1 #Form.condensed Condensed

Toggle example guides Toggle HTML markup

.sf-form.-condensed

Field is required

Example: Input example text

Html
    <div class="sf-form -condensed">
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_9">
                 <span>Field 1</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_9" placeholder="Search the blog..." />
        <p class="sf-input__required" style="display: block">Field is required</p>
        <p class="hint sf-input__hint">Example:&nbsp;Input example text</p>
         </div>
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_10">
                 <span>Field 2</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_10" placeholder="Search the blog..." />
         </div>
    </div>