I was designing a microcopy for searching friends on an online community. I want to enable users to search either by names/emails or comma separated criteria. I made a draft wireframes shown on the image below.
In my current design the microcopy inside the searching bar causes confusion for users that they may not be able to type in names. Also giving two example is too much for users. The pop up box by hovering makes the design cluttered, and complex. Any suggestions about how to rectify this?