<form action="http://scripty.walterdavisstudio.com/reflector.php" method="get">
  <input type="search" name="q" id="search" placeholder="Search...">
</form>
#search {
  font-size: 20px;
  border: 1px solid #333;
  -webkit-appearance: none;
  background-color: #555;
  padding: 4px 8px;
  border-radius:  40px;
  color: #fff;
  width: 80%;
}
document.getElementById('search').addEventListener('blur', function(){
  this.value = '';
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.