<div class=block>
  <div class=header>
    <h2>Masked inputs</h2>
    <div class="side pull-right"> <button class="btn btn-default btn-clean" onClick="clear_form('#makedinputs');" type=button>Clear form</button>              </div>
  </div>
  <div class="content controls">
    <form id=makedinputs action=# method=post>
      <div class=col-md-6>
        <div class=form-row>
          <div class="col-md-3 tar">Date:</div>
          <div class=col-md-9> <input type=text class=mask_date value="" /> <span class=help-inline>Example: 2012-12-21</span> </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">Phone:</div>
          <div class=col-md-9> <input type=text class=mask_phone value="" /> <span class=help-inline>Example: 98 (765) 432-10-98</span>                    </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">Phone + Ext:</div>
          <div class=col-md-9> <input type=text class=mask_phone_ext value="" /> <span class=help-inline>Example: 98 (765) 432-10-98 x9999</span>                    </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">Credit:</div>
          <div class=col-md-9> <input type=text class=mask_credit value="" /> <span class=help-inline>Example: 9876-5432-1098-7654</span>                    </div>
        </div>
      </div>
      <div class=col-md-6>
        <div class=form-row>
          <div class="col-md-3 tar">TIN:</div>
          <div class=col-md-9> <input type=text class=mask_tin value="" /> <span class=help-inline>Example: 98-7654321</span> </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">SSN:</div>
          <div class=col-md-9> <input type=text class=mask_ssn value="" /> <span class=help-inline>Example: 987-65-4321</span> </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">Product:</div>
          <div class=col-md-9> <input type=text class=mask_product value="" /> <span class=help-inline>Example: A1-234-B567</span> </div>
        </div>
        <div class=form-row>
          <div class="col-md-3 tar">Percent:</div>
          <div class=col-md-9> <input type=text class=mask_percent value="" /> <span class=help-inline>Example: 50%</span> </div>
        </div>
      </div>
    </form>
  </div>
</div>
