JSFiddle - React, Tailwind, and code Playground

HTML

<form method="get" accept-charset="UTF-8" action="http://free-linux.ru:8091/yacysearch.html"  target="my">
    <div style="text-align:center; padding:5px; background-color:#eeeeee; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; margin-right:5px;">
    <div style="font-family:Arial,Helvetica,sans-serif; font-size:16px; display:block; float:left; padding-top:3px; padding-right:5px;">
        Мой поиск
    </div>
    <input type="text" name="query" value="" maxlength="80" style="width:300px; font-size:16px; float:left;" />
    <input type="hidden" name="verify" value="true" />
    <input type="hidden" name="maximumRecords" value="10" />
    <input type="hidden" name="meanCount" value="5" />
    <input type="hidden" name="resource" value="local" />
    <input type="hidden" name="urlmaskfilter" value=".*" />
    <input type="hidden" name="prefermaskfilter" value="" />
    <input type="hidden" name="display" value="2" />
    <input type="hidden" name="nav" value="all" />
    <div style="font-size:16px; display:block; float:right; padding-top:1px;">
        <input type="submit" name="Enter" value="Поиск" />
    </div>
    </div>
    <p style="clear:both;"></p>
</form>
<iframe name="my" width="100%" height="90%"></iframe>