1. normal kutucuk
   

2. form'a tıklanınca hale gelen kısım
   

Merhabalar, örnek vereyim aol görselleriyle.

Ben alışveriş sitem için mobil üzerinden tıklanınca bu gibi yapılmasını istiyorum. Sanırım body ile yapıyorlar ama beceremedim.
Form'a tıklandığı anda 2.resim gibi olmasını istiyorum.

Yardımcı olabilecek var mı ?
Auto complete bölümü önemli değil. Oraya js ile api çekiyorum. Onu div ile koyabilirim. Ayrı bir sayfa açılınca mobilde oraya bir aynı form kutucuğu koyabilsem yeter.
Örnek kodlamalar ile veya tüm kodlaması ile :) sanırım küçük kod css html ile yapılıyor ama bir türlü yapamadım.
Şimdiden teşekkürler.