git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/less/tests/forms.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Bootstrap, from Twitter</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
  12     <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
  13     <style>
  14       body {
  15         padding-top: 30px;
  16         padding-bottom: 30px;
  17       }
  18     </style>
  19
  20     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  21     <!--[if lt IE 9]>
  22       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  23     <![endif]-->
  24
  25     <!-- Le fav and touch icons -->
  26     <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
  27     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
  28     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
  29     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
  30     <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
  31   </head>
  32
  33   <body>
  34
  35     <form class="container">
  36
  37       <div class="page-header">
  38         <h1>Form controls</h1>
  39       </div>
  40
  41       <div class="row">
  42         <div class="span4">
  43
  44           <label>Select</label>
  45           <select>
  46             <option>Select</option>
  47             <option>Option 2</option>
  48             <option>Option 3</option>
  49           </select>
  50
  51           <hr>
  52
  53           <label>textarea</label>
  54           <textarea>Textarea</textarea>
  55
  56           <hr>
  57
  58           <label>text</label>
  59           <input type="text" value="Text input">
  60
  61           <hr>
  62
  63           <label>password</label>
  64           <input type="password" value="Password input">
  65
  66           <hr>
  67
  68           <label>checkbox</label>
  69           <input type="checkbox" value="">
  70
  71           <hr>
  72
  73           <label>radio</label>
  74           <input type="radio" value="">
  75
  76           <hr>
  77
  78           <label>button</label>
  79           <input type="button" value="Button">
  80
  81           <hr>
  82
  83           <label>submit</label>
  84           <input type="submit" value="Submit">
  85
  86           <hr>
  87
  88           <label>reset</label>
  89           <input type="reset" value="Reset">
  90
  91         </div><!-- /span4 -->
  92         <div class="span4">
  93
  94           <label>file</label>
  95           <input type="file" value="">
  96
  97           <hr>
  98
  99           <label>hidden</label>
 100           <input type="hidden" value="hidden">
 101
 102           <hr>
 103
 104           <label>image</label>
 105           <input type="image" value="">
 106
 107           <hr>
 108
 109           <label>datetime</label>
 110           <input type="datetime" value="">
 111
 112           <hr>
 113
 114           <label>datetime-local</label>
 115           <input type="datetime-local" value="">
 116
 117           <hr>
 118
 119           <label>date</label>
 120           <input type="date" value="">
 121
 122           <hr>
 123
 124           <label>month</label>
 125           <input type="month" value="">
 126
 127           <hr>
 128
 129           <label>time</label>
 130           <input type="time" value="">
 131
 132           <hr>
 133
 134           <label>week</label>
 135           <input type="week" value="">
 136
 137         </div><!-- /span4 -->
 138         <div class="span4">
 139
 140           <label>number</label>
 141           <input type="number" value="">
 142
 143           <hr>
 144
 145           <label>range</label>
 146           <input type="range" value="">
 147
 148           <hr>
 149
 150           <label>email</label>
 151           <input type="email" value="">
 152
 153           <hr>
 154
 155           <label>url</label>
 156           <input type="url" value="">
 157
 158           <hr>
 159
 160           <label>search</label>
 161           <input type="search" value="">
 162
 163           <hr>
 164
 165           <label>tel</label>
 166           <input type="tel" value="">
 167
 168           <hr>
 169
 170           <label>color</label>
 171           <input type="color" value="">
 172
 173         </div><!-- /span4 -->
 174       </div><!-- /row -->
 175
 176     </form> <!-- /container -->
 177
 178   </body>
 179 </html>