JSFiddle - React, Tailwind, and code Playground

by TheOrdinaryGeek

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap-responsive.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<hr>
<div class="input-prepend">
  <span class="add-on"><a href="" rel="tooltip" class="thickbox" title="What is an Inventory Number?"><i class="icon-question-sign"></i></a></span><input type="text" class="input-medium span-12"
    placeholder="Inventory Number" name="inventory_number[]" id="inventory_number" required="" maxlength="6" autocomplete="off"><span class="add-on"><a href="/help.php?id=mac_address&amp;height=800&amp;width=800" rel="tooltip" class="thickbox" title="What is a MAC?"><i class="icon-question-sign"></i></a></span>
  <input
    type="text" class="input-large MACChecker" placeholder="MAC Address" id="mac_address" onchange="fixMacAddress()" name="MacAddress[]" autocomplete="off" title="MAC Address Should be 12 Charachers" required=""><button class="btn btn-success add-mac" type="button" title="Add MAC Address"><i class="icon-plus"></i> </button>

</div>