Back to Snippets List

form - Form Split Inputs

ABCD-EF GB
GB
<div class="form-group">
    <label>
        <span class="form-label-bold">Reference</span>
    </label>
    <div class="form-split-inputs">
        <span class="digit">ABCD-EF</span>
        <input type="text" class="form-control" maxlength="8" size="16">
        <span class="digit">GB</span>
        <input type="text" class="form-control" maxlength="2" size="4">
    </div>
</div>

<div class="form-group">
    <label>
        <span class="form-label-bold">Reference</span>
    </label>
    <div class="form-split-inputs">
        <input type="text" class="form-control" maxlength="8" size="16">
        <span class="digit">GB</span>
        <input type="text" class="form-control" maxlength="2" size="4">
    </div>
</div>