JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-complete.1.5.0.css">
<script src="http://cdn.wijmo.com/external/jquery.bgiframe-2.1.3-pre.js"></script>
<script src="http://cdn.wijmo.com/external/globalize.min.js"></script>
<script src="http://cdn.wijmo.com/external/jquery.mousewheel.min.js"></script>
<script src="http://cdn.wijmo.com/external/raphael.js"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-open.1.5.0.min.js"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-complete.1.5.0.min.js"></script>
<FORM id="serialSearch" name="serial_search" method="POST" action="index.php">
<label>Serial number: </label><input type="text" name="query" id="query" size="30" autocomplete="off" value="" />
<div class="input">
<select name="searchType">
<option value="standard">Standard</option>
<option value="fuzzy">Fuzzy</option>
</select>
</div>
<div class="input"><button>Search serial numbers</button></div>
<div class="input"><input type="hidden" name="serial_submit" id="serial_submit" value="search_serials" /></div>
</FORM>
CSS
body {
font-size: 0.7em;
}
div.input {
}
JavaScript
$(":input[type='text'],:input[type='password'],textarea").wijtextbox();
$("select").wijdropdown();
$(":input[type='radio']").wijradio();
$(":input[type='radio']").wijcheckbox();
$("button").button();