JSFiddle - React, Tailwind, and code Playground

by Alexander Tartmin

HTML

<form>
<input name="s" id="s" type="text" value="Поиск по сайту" onblur="if(this.value=='') this.value='Поиск по сайту';" onfocus="if(this.value=='Поиск по сайту') this.value='';">
<input type="submit" id="searchsubmit" value="Поиск">
</form>

CSS

input[type="text"] {
    border: 0px;
    background: #343434;
    color: #cccccc;
    font-family: Cuprum;
    font-size: 15px;
    padding: 14px 12px 12px;
    outline: none;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}