JSFiddle - React, Tailwind, and code Playground

by blowsie

HTML

<input type="search"/>

JavaScript

$(document).ready(function () {
    var search_default = 'Search...';

    $('input[type="search"]')
        .attr('value', search_default)
        .focus(function () {
            if ($(this).val() == search_default) {
                $(this).attr('value', '');
            }
        })
        .blur(function () {
        if ($(this).val() == '') {
            $(this).attr('value', search_default);
        }
    });
});