JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>
<script src="http://afarkas.github.com/webshim/demos/js-webshim/minified/polyfiller.js"></script>
<form>
    <label for="year">Year</label>
    <input type="number" size="4" step="1" max="2100" min="1900" value="1998" id="year" name="year" class="borderbox" />

    <label for="duration">Duration</label>
    <input type="number" size="4" value="1234" id="duration" name="duration" />
</form>

CSS

label {
            display: block;
        }

        input[type="number"] {
                border: 1px solid black;
                height: 32px;
                padding: 0 5px;
                font-size: 16px;
        }
        
        input.borderbox {
            -moz-box-sizing: border-box;
        }

JavaScript

$.webshims.polyfill("forms forms-ext");