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">
   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="tizen-search" name="search" id="search1" value=""  />
  14         </div><!-- /header -->
  15
  16         <div data-role="content">
  17
  18                 <p>1 test</p>
  19                 <p>2 test</p>
  20                 <p>3 test</p>
  21                 <p>4 test</p>
  22                 <p>5 test</p>
  23                 <p>6 test</p>
  24                 <p>7 test</p>
  25                 <p>8 test</p>
  26                 <p>9 test</p>
  27                 <p>10 test</p>
  28                 <p>11 test</p>
  29                 <p>12 test</p>
  30
  31         </div>
  32 </div><!-- /page -->
  33