demos/tizen-gray/widgets/searchbar.html

   1 <!DOCTYPE html>
   2 <div data-role="page" data-add-back-btn="true" data-fit-page-to-window="true" id="searchbar-demo-page">
   3         <div data-role="header" data-position ="fixed" >
   4                 <h1>Searchbar</h1>
   5         <div id="myoptionheader2" data-role="optionheader">
   6             <div class="ui-grid-b ">
   7                 <div class="ui-block-a"><a data-role="button">Previous</a></div>
   8                 <div class="ui-block-b"><a data-role="button">Cancel</a></div>
   9                 <div class="ui-block-c"><a data-role="button">Save</a></div>
  10             </div>
  11
  12         </div>
  13                 <input type="search" name="search" id="search1" value=""  />
  14         </div><!-- /header -->
  15
  16         <div data-role="content" id="searchbar-content">
  17                 <p>Hairston</p>
  18                 <p>Hansbrough</p>
  19                 <p>Allred</p>
  20                 <p>Hanrahan</p>
  21                 <p>Egan</p>
  22                 <p>Dare</p>
  23                 <p>Edmonson</p>
  24                 <p>Calip</p>
  25                 <p>Baker</p>
  26                 <p>Fazekas</p>
  27                 <p>Garrity</p>
  28                 <p>Hansen</p>
  29                 <p>Feigenbaum</p>
  30                 <p>Fillmore</p>
  31                 <p>Darden</p>
  32                 <p>Davis</p>
  33                 <p>Fitzgerald</p>
  34                 <p>Carr</p>
  35                 <p>Danilovic</p>
  36                 <p>Dark</p>
  37                 <p>Alexander</p>
  38                 <p>Allen</p>
  39                 <p>Edwards</p>
  40                 <p>Garrett</p>
  41                 <p>Gardner</p>
  42                 <p>Carroll</p>
  43                 <p>Garner</p>
  44                 <p>Finn</p>
  45                 <p>Edelin</p>
  46                 <p>Gay</p>
  47         </div>
  48
  49         <script src="searchbar.js"></script>
  50 </div><!-- /page -->
  51