JSFiddle - React, Tailwind, and code Playground

HTML

<form method="POST" action="/">
    <label for="foo">Foo field:
        <input id="foo" name="foo" type="text" value="+">
    </label>
    <button type="submit">Show me the encoded params!</button>
</form>

CSS

form {
    margin: 1em;
    max-width: 500px;
    font-size: 20px;
    color: #444;
}

input {
    width: 100%;
    height: 40px;
    font-size: 100%;
    padding: 0.2em 0.4em;
    display: block;
    margin: 1em 0;
    box-sizing: border-box;
}

button {
    width: 100%;
    height: 40px;
    margin: 0 auto;
}

CoffeeScript

$('form').submit ->
    alert( $(this).serialize() );
    return false;