www/iphone/UiUIKit/forms.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   5         <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
   6         <title>Forms</title>
   7         <link rel="stylesheet" href="stylesheets/iphone.css" />
   8         <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
   9         <script type="text/javascript">
  10         function clickclear(thisfield, defaulttext) {
  11         if (thisfield.value == defaulttext) {
  12         thisfield.value = "";
  13         }
  14         }
  15         function clickrecall(thisfield, defaulttext) {
  16         if (thisfield.value == "") {
  17         thisfield.value = defaulttext;
  18         }
  19         }
  20
  21         </script>
  22
  23         <script type="text/javascript" charset="utf-8">
  24                 window.onload = function() {
  25                   setTimeout(function(){window.scrollTo(0, 1);}, 100);
  26                 }
  27         </script>
  28 </head>
  29
  30 <body>
  31
  32         <div id="header">
  33                 <h1>Basic form</h1>
  34                 <a href="index.html" id="backButton">Back</a>
  35         </div>
  36
  37
  38 <h1>Field sets</h1>
  39
  40 <ul class="form">
  41         <li class="error"><input type="text" name="name" value="Text" id="some_name" onclick="clickclear(this, 'Text')" onblur="clickrecall(this,'Text')" /></li>
  42         <li class="error"><input type="text" name="search" value="Search" id="some_name" onclick="clickclear(this, 'Search')" onblur="clickrecall(this,'Search')" /></li>
  43         <li><input type="text" name="phone" value="Phone" id="some_name" onclick="clickclear(this, 'Phone')" onblur="clickrecall(this,'Phone')"  /></li>
  44         <li><input type="text" name="zip" value="Numbers" id="some_name" onclick="clickclear(this, 'Numbers')" onblur="clickrecall(this,'Numbers')" /></li>
  45         <li><textarea onclick="clickclear(this, 'Dirección')" onblur="clickrecall(this,'Dirección')">Dirección</textarea></li>
  46         <li><select id="lol"><optgroup label="Swedish Cars">
  47         <option value ="volvo">Volvo</option>
  48         <option value ="saab">Saab</option>
  49         </optgroup>
  50         <optgroup label="German Cars">
  51         <option value ="mercedes">Mercedes</option>
  52         <option value ="audi">Audi</option>
  53         </optgroup></select></li>
  54         <li><input type="password" name="some_name" value="iphonedelcopon" id="some_name" /></li>
  55         <li><input type="file" name="some_name" value="iphonedelcopon" id="some_name" /></li>
  56         <li><input type="checkbox" name="some_name" value="Hello" id="some_name" title="V8 Engine Type" /></li>
  57         <li><input type="checkbox" name="some_name" value="Hello" checked="checked" id="some_name" title="V12 Engine Type" /></li>
  58         <li><input type="radio" name="some_name" value="Hello" id="some_name" title="Only cars" /></li>
  59         <li><input type="radio" name="some_name" value="Hello" id="some_name" title="Only motorbikes" /></li>
  60 </ul>
  61
  62 <p><a href="index.html" class="button white">Buy this car</a></p>
  63
  64 <p><strong>Best enjoyed on a real iPhone</strong><br />This iPhone UI Framework kit is licenced under GNU Affero General Public License (<a href="http://www.gnu.org/licenses/agpl.html">GNU AGPL 3</a>)</p>
  65
  66 </body>
  67 </html>