How To Create a Search Bar | How To Create a Search Button.

How To Create a Search Button

Copy and past

<style> #search-box { position: relative; width: 100%; margin: 0; } #search-form { border: 1px solid #ebebeb; background-color: #fff; overflow: hidden; } #search-text { font-size: 14px; color: #ddd; border-width: 0; background: transparent; } #search-box input[type="text"] { width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none; } #search-button { position: absolute; top: 0; right: 0; height: 42px; width: 80px; font-size: 14px; color: #fff; text-align: center; line-height: 42px; border-width: 0; background-color: #54a8d0; cursor: pointer; } </style> <div id="search-box"> <form action="/search" id="search-form" method="get" target="_top"> <input id="search-text" name="q" placeholder="Enter keyword..." type="text" vk_1c225="subscribed" /> <button id="search-button" type="submit"><span>SEARCH</span></button> </form> </div>

RESULT