Реализации выпадающего меню в input?

Question

[Michaly4]

Может кто сможет подсказать как это можно сделать с помощью html/css ??
Знаю что с JS можно легко ,но я пока только html и css прошёл!!

Comments

[Steppp]

Такая ситуация, ты сделаешь это на css! Но оно будет работать не во всех браузерах! Мое мнение, ты делай как знаешь!
Я бы оставил это дело и изучал дальше css js! И сделал бы это на JS!!! И оно будет во всех браузерах, и заказчик на тебя не будет ругатся)
И еще, я считаю, если что то в каком то браузере не работает, то не стоит и делать! Это уже не кроссбраузерность)

[Michaly4]

Steppp, я скачал макет в интернете,это мой второй макет,это вообще не важно , просто тренируюсь-верстаю!!Я понял тебя и принял,нет смысла копаться в гугле из-за этого,в будущем я это сделаю через JS!!Просто было интересно, спасибо!!

[Steppp]

Еще пользуйся этим инструментом, он проверяет твой html на ошибки!

[i_m]

Steppp, lol. открыл омерику

[Steppp]

i_m, Лол! Кому то открыл! Вспомни себя.

[Michaly4]

Все когда-то начинают!!Так что любые советы это только плюс

Answer 1

[Владимир Майструк]

Ты можешь это сделать через тэг Select и настроить его вид через классы css, засунуть его в input, это ,не совсем верно симантически, но пойдет если js не знаешь, а вообще лучше посмотри хотя бы JQuery, для начала отличная замена джс, но для начала если хочешь еще что то узнать про этот тег то напиши в комментарий к ответу

Comments

[Ankhena]

засунуть его в input

Я бы посмотрела как вы что-то засовываете в одиночный тег. О семантике тут даже думать рано.

Ты можешь это сделать через тэг Select и настроить его вид через классы css

Можете показать пример нативного селекта с полосой прокрутки на CSS?