Как объединить поле ввода HTML и кнопку? (образцы изображений прилагаются)

Ответьте на следующие вопросы:

1. Как объединить поле поиска и кнопку поиска, как показано в примерах ниже example1 и example2? Коробка и кнопка соединены вместе.
2. Как поместить значок «лупа» в левую часть окна поиска?
3. Как поместить текст по умолчанию в поле, например «Искать элементы», и затемнить его, когда пользователь щелкает по полю.

Example1

Example2

Example3 (Мне не нужна отдельная кнопка, как показано ниже)

Пожалуйста, помогите! Спасибо !!