orbit-basic/public/demo/form_search.html

54 lines
1.1 KiB
HTML

<link rel="stylesheet" href="../stylesheets/easy.css" media="screen" />
<script type="text/javascript" src="../javascripts/jquery.js"></script>
<script type="text/javascript" src="../javascripts/easy.js"></script>
<script type="text/javascript" src="../javascripts/application.js"></script>
<style>
/* COPY START HERE */
form#searchForm{
margin:0;
padding:1em 10px;
background:#f1f1f1;
float:left;
position:absolute;
top:2em;
right:0;
}
#searchForm .field{
border:1px solid #999;
padding:5px;
width:150px;
float:left;
}
#searchForm button{
display:inline;
float:left;
background:#ccc; /* place search icon here */
height:26px;
width:26px;
margin-left:5px;
}
/* COPY END HERE */
</style>
<div id="container">
<div class="main">
<!-- COPY START HERE -->
<form id="searchForm" action="/" method="post">
<label for="keyword">Search</label>
<input type="text" name="keyword" id="keyword" size="30" class="field label" />
<button type="submit" class="graphic">Go</button>
</form>
<!-- COPY END HERE -->
</div>
</div>