<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> Doesn't work so well' <form action="http://www.linccweb.org/catalog?screen=keyword&lib_code=FLCC1500&index=WRD&format=EB" method="get" target="_new"> <input class="textField" onfocus="this.value='';" name="query" value="Search eBooks" type="text" /> <input name="fn" value="search" type="hidden" /> <input name="vl(2826233950UI0)" value="EB" type="hidden" /> <input name="ct" value="search" type="hidden" /> <input name="indx" value="1" type="hidden" /> <input name="dum" value="true" type="hidden" /> <input name="reset_config" value="true" type="hidden" /> <input name="lib_code" value="FLCC1500" type="hidden" /> <input name="vid" value="FLCC1500" type="hidden" /> <input class="button" value="Go" type="submit" /> </form><p> Use this one. Works best. <p></p> <p></p> <form action="http://www.linccweb.org/catalog" method="get" target="_new"> <input type="hidden" name="screen" value="keyword"> <input type="hidden" name="lib_code" value="FLCC1500"> <input type="hidden" name="format" value="EB"> <input type="hidden" name="index" value="WRD"> <input type="text" value="Search eBooks" name="query"> <input class="button" value="Go" type="submit" /> </form>

form { width:700px; margin:50px auto; } .search { padding:8px 15px; background:rgba(50, 50, 50, 0.2); border:0px solid #dbdbdb; } .button { position:relative; padding:6px 15px; left:-8px; border:2px solid #207cca; background-color:#207cca; color:#fafafa; } .button:hover { background-color:#fafafa; color:#207cca; }