JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<script src="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/src/jquery.multiselect.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">
<html>
    <head>
    </head>
    <body>
        <div id="headerSearch">
            <form id="frm_headerSearch" method="get" action="">
                <fieldset>
                    <legend>Zoeken</legend>
                    <!-- zoekveld-->
                    <div class="input">
                        <table width="100%">
                            <tr>
                                <td>
                                <input style="width:100%" type="text" id="term" onblur="if (this.value=='') this.value='Trefwoord(en)';" onfocus="if (this.value=='Trefwoord(en)') this.value='';" value="" name="term" style="width: 162px;">
                                </td>
                                <td> 
                    <span class="select">
                            <select>
                                <option selected="selected">Boek</option>
                                <option>Abonnement</option>
                                <option>Overige</option>
                            </select>
                        </span>
                                </td>    
                            </tr>
                        </table>

   
                    </div>
                    <!--end zoekveld-->
                    <div class="submit"><button>zoeken</button>
                    </div>
                    <div id="uitgebreidZoeken"><a href="#">Uitgebreid zoeken</a></div>
                </fieldset>
            </form>
        </div>
    </body>    
</html>