<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!-- Le styles --> <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <style> body { padding-top: 30px; padding-bottom: 30px; } </style> <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!-- Le fav and touch icons --> <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png"> </head> <body> <form class="container"> <div class="page-header"> <h1>Form controls</h1> </div> <div class="row"> <div class="span4"> <label>Select</label> <select> <option>Select</option> <option>Option 2</option> <option>Option 3</option> </select> <hr> <label>textarea</label> <textarea>Textarea</textarea> <hr> <label>text</label> <input type="text" value="Text input"> <hr> <label>password</label> <input type="password" value="Password input"> <hr> <label>checkbox</label> <input type="checkbox" value=""> <hr> <label>radio</label> <input type="radio" value=""> <hr> <label>button</label> <input type="button" value="Button"> <hr> <label>submit</label> <input type="submit" value="Submit"> <hr> <label>reset</label> <input type="reset" value="Reset"> </div><!-- /span4 --> <div class="span4"> <label>file</label> <input type="file" value=""> <hr> <label>hidden</label> <input type="hidden" value="hidden"> <hr> <label>image</label> <input type="image" value=""> <hr> <label>datetime</label> <input type="datetime" value=""> <hr> <label>datetime-local</label> <input type="datetime-local" value=""> <hr> <label>date</label> <input type="date" value=""> <hr> <label>month</label> <input type="month" value=""> <hr> <label>time</label> <input type="time" value=""> <hr> <label>week</label> <input type="week" value=""> </div><!-- /span4 --> <div class="span4"> <label>number</label> <input type="number" value=""> <hr> <label>range</label> <input type="range" value=""> <hr> <label>email</label> <input type="email" value=""> <hr> <label>url</label> <input type="url" value=""> <hr> <label>search</label> <input type="search" value=""> <hr> <label>tel</label> <input type="tel" value=""> <hr> <label>color</label> <input type="color" value=""> </div><!-- /span4 --> </div><!-- /row --> </form> <!-- /container --> </body> </html>
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.
This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)