demo/Widget.htm

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 <head>\r
   4 <meta name="viewport" content="width=device-width, initial-scale=1">\r
   5 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">\r
   6 <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>\r
   7 <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>\r
   8 </head>\r
   9 <body>\r
  10         \r
  11                 <script>\r
  12                 function myFunction() {\r
  13                     alert("I am an alert box!");\r
  14                 }\r
  15                 </script>\r
  16         \r
  17                 <div data-role="page" id="pageone">\r
  18                   <div data-role="main" class="ui-content">\r
  19                     <h2>Native Control & Widget</h2>\r
  20                     <ul data-role="listview" data-inset="false">        \r
  21                         <li>\r
  22                                 <b>IME</b> \r
  23                                 <INPUT name="normal_text" type="text"> </input>\r
  24                       </li>\r
  25                       <li>\r
  26                                 <b>Color        Picker</b> \r
  27                                 <INPUT name="favcolor" type="color"> </input>\r
  28                       </li>\r
  29                       <li>\r
  30                                 <b>Date Picker</b> \r
  31                                 <INPUT name="favcolor" type="date"> </input>\r
  32                       </li>\r
  33                       <li>\r
  34                                 <b>Select       Picker</b> \r
  35                                  <SELECT>\r
  36                                                 <OPTION value="volvo">Volvo</OPTION>   \r
  37                                                 <OPTION value="saab">Saab</OPTION> \r
  38                                                 <OPTION value="opel">Opel</OPTION>   \r
  39                                                 <OPTION value="audi">Audi</OPTION>   \r
  40                                                         <OPTION value="audi">BMW</OPTION>   \r
  41                                                         <OPTION value="audi">Ford</OPTION> \r
  42                                                         </SELECT>\r
  43                       </li>\r
  44                       <li>\r
  45                                 <b>JS Popup</b> \r
  46                                 <button onclick="myFunction()">Open JS Popup</button>\r
  47                       </li>                   \r
  48                       \r
  49                     </ul>   \r
  50                   </div>\r
  51                 </div> \r
  52 </body>\r
  53 </html>\r