JSFiddle - React, Tailwind, and code Playground

HTML

<form id="searchform" action="<?php bloginfo('siteurl'); ?>" method="get">
  <input id="stext" type="text" name="s" onblur="if(this.value =='')this.value='Поиск по сайту...'" onfocus="if(this.value =='Поиск по сайту...')this.value=''" value="Поиск по сайту..."/>
  <input id="smage" type="image" src="/wp-content/themes/ang-team/images/search.png"/>
</form>

CSS

#searchform {
        float: right;
        height: 20px;
        width: 328px;
        border: 1px solid red;
        }

#stext {
        width: 230px;
        height: 18px;
        border: 1px solid #CFCFCF;
        color: #444444;
        padding-left: 2px;
        vertical-align: top;
        padding: 0;
        }