CSSフレームワーク「Pure」を使ってフォームを作るサンプル

README

CSSフレームワーク「Pure」を使ってフォームを作るサンプル

http://purecss.io/

jsdoit.css

body {
    padding : 10px;
}

jsdoit.html

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.3.0/base-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.3.0/forms-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.3.0/buttons-min.css">
<form class="pure-form pure-form-stacked">
    <fieldset>
        <legend>フォーム</legend>

        <label for="email">Email</label>
        <input id="email" type="email" placeholder="Email">

        <label for="password">Password</label>
        <input id="password" type="password" placeholder="Password">

        <label for="remember" class="pure-checkbox">
            <input id="remember" type="checkbox"> Remember me
        </label>

        <button type="submit" class="pure-button pure-button-primary">Sign in</button>
    </fieldset>
</form>

jsdoit.js

var hoge = function(){
};