JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<form action = "Controller" method = "GET" class="form-wrapper">

    <input type = "hidden" name="command" value="search"/>

    <input type="text" name="search" placeholder="Search for..." required class="form-control">
    <input type="submit" value="go" id="submit" class = "btn btn-primary btn-sm">

    <div style="float: left;">

        <a href="javascript:showhide('uniquename')" style="margin-left: 2px;"> search criteria </a>

        <div id="uniquename" style="float: center;">
            <select name="choice">
                <option>Document</option>
                <option>Author</option>
                <option>Writer</option>
                <option>Contributor</option>
            </select>
        </div>

    </div>

</form>