JSFiddle - React, Tailwind, and code Playground

by koh_edwin

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
The following form uses <code>input type="submit"</code> style
<form name="signin" action="#" method="POST">
    <input type="text" name="text-input" placeholder="&#xf014; your username" class="stylish"/><br/>
    <input type="submit" value="&#xf015; sign in" class="stylish"/>
</form>
<br/>
The following form uses <code>button type="submit"</code> style
<form name="signin" action="#" method="POST">
    <input type="text" name="text-input" placeholder="&#xf016; where do you want to go?" class="stylish"/><br/>
    <button type="submit" class="stylish">&#xf017; take me there</button>
</form>

CSS

.stylish {
	font-family: georgia, FontAwesome;
}