JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<form action="#" method="post" id="form">
    <div>
        <input type="email" name="email" />
    </div>
    <div>
        <input type="date" name="date" />
    </div>
    <div>
        <input type="text" name="text" />
    </div>
    <div>
        <input type="checkbox" name="check" />
    </div>
    <div>
        <input type="radio" name="radio" />
    </div>
<p><input type="submit" name="submit" value="Submit" /></p>
</form>

CSS

.text {
    background: yellow;
    border: 1px solid orange;
}

JavaScript

(function($) {
    var types = /text|search|number|email|datetime|datetime-local|date|month|week|time|tel|url|color|range/;
    $.extend($.expr[':'], {
        textall: function(elem) {
            var type = $(elem).attr('type');
            return types.test(type);
        }
    });
})(jQuery);


$('input:textall', '#form').addClass('text');