1
0

forms.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  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. <!-- Le styles -->
  10. <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
  11. <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
  12. <style>
  13. body {
  14. padding-top: 30px;
  15. padding-bottom: 30px;
  16. }
  17. </style>
  18. <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  19. <!--[if lt IE 9]>
  20. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  21. <![endif]-->
  22. <!-- Le fav and touch icons -->
  23. <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
  24. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
  25. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
  26. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
  27. <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
  28. </head>
  29. <body>
  30. <form class="container">
  31. <div class="page-header">
  32. <h1>Form controls</h1>
  33. </div>
  34. <div class="row">
  35. <div class="span4">
  36. <label>Select</label>
  37. <select>
  38. <option>Select</option>
  39. <option>Option 2</option>
  40. <option>Option 3</option>
  41. </select>
  42. <hr>
  43. <label>textarea</label>
  44. <textarea>Textarea</textarea>
  45. <hr>
  46. <label>text</label>
  47. <input type="text" value="Text input">
  48. <hr>
  49. <label>password</label>
  50. <input type="password" value="Password input">
  51. <hr>
  52. <label>checkbox</label>
  53. <input type="checkbox" value="">
  54. <hr>
  55. <label>radio</label>
  56. <input type="radio" value="">
  57. <hr>
  58. <label>button</label>
  59. <input type="button" value="Button">
  60. <hr>
  61. <label>submit</label>
  62. <input type="submit" value="Submit">
  63. <hr>
  64. <label>reset</label>
  65. <input type="reset" value="Reset">
  66. </div><!-- /span4 -->
  67. <div class="span4">
  68. <label>file</label>
  69. <input type="file" value="">
  70. <hr>
  71. <label>hidden</label>
  72. <input type="hidden" value="hidden">
  73. <hr>
  74. <label>image</label>
  75. <input type="image" value="">
  76. <hr>
  77. <label>datetime</label>
  78. <input type="datetime" value="">
  79. <hr>
  80. <label>datetime-local</label>
  81. <input type="datetime-local" value="">
  82. <hr>
  83. <label>date</label>
  84. <input type="date" value="">
  85. <hr>
  86. <label>month</label>
  87. <input type="month" value="">
  88. <hr>
  89. <label>time</label>
  90. <input type="time" value="">
  91. <hr>
  92. <label>week</label>
  93. <input type="week" value="">
  94. </div><!-- /span4 -->
  95. <div class="span4">
  96. <label>number</label>
  97. <input type="number" value="">
  98. <hr>
  99. <label>range</label>
  100. <input type="range" value="">
  101. <hr>
  102. <label>email</label>
  103. <input type="email" value="">
  104. <hr>
  105. <label>url</label>
  106. <input type="url" value="">
  107. <hr>
  108. <label>search</label>
  109. <input type="search" value="">
  110. <hr>
  111. <label>tel</label>
  112. <input type="tel" value="">
  113. <hr>
  114. <label>color</label>
  115. <input type="color" value="">
  116. </div><!-- /span4 -->
  117. </div><!-- /row -->
  118. </form> <!-- /container -->
  119. </body>
  120. </html>