Bootstrap Lab

by Joshua McNeese

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<form action="/echo/html/" method="POST">
    <input type="text" name="name" placeholder="name" autofocus />
    <input type="number" name="age" min="13" max="100" placeholder="age" />
    <input type="date" name="birthdate" placeholder="birthdate" />
    <input type="tel" name="phone" placeholder="phone" />
    <input type="email" name="email" placeholder="email" required />
    <input type="url" name="url" placeholder="url" />
    <input type="password" name="password" placeholder="password" disabled />
    <input type="color" name="color" placeholder="favorite color" />
    <input type="range" name="range" min="13" max="100" placeholder="range" />
    <datalist id="pages">
        <option value="home">Home</option>
        <option value="logout">Logout</option>
    </datalist>
    <input type="search" name="search" placeholder="search" list="pages" />
    <datalist id="browsers">
        <option value="Google Chrome"/>
        <option value="Internet Explorer"/>
        <option value="Firefox"/>
        <option value="Opera"/>
        <option value="Safari"/>
        <option value="Others"/>
    </datalist>
    <input type="text" name="browser" list="browsers" placeholder="choose browser" />
    <button type="submit">submit</button>
</form>