GOOD

Search form

Search for a friend

<section class="search-friends">
  <form action="" method="get">
    <h2>Search for a friend</h2>
    <p>
      <label>
        <span>Type a friend’s name…</span>
        <input type="search" name="q" placeholder="Type a friend’s name…" />
      </label>
      <button type="submit">Search</button>
    </p>
  </form>
</section>

Search Again

<section class="search-again">
  <form action="" method="get">
    <h2>Search Again</h2>
    <p>
      <label>
        <span><strong>Search</strong> for topics, members or keywords…</span>
        <input type="search" name="q" placeholder="What are you looking for?" value="dinosaur" />
      </label>
      <button type="submit">Search</button>
    </p>
  </form>
</section>