0

Например input 50px шириной, а при нажатии на него красиво анимировано расширялся до 100

<input type="text"   placeholder="Города" class="city-filter"   autocomplete="off">

.city-filter{
  width:50px
}

1 ответ 1

2

Можно примерно так только на css с использованием transition и псеводкласca :focus

#mytext{
  box-sizing: border-box;
  border: 2px solid grey;
  border-radius: 5px;
  font-size: 1em;
  padding: .5em;
  width: 5em;
  transition: width 1s ease;
}

#mytext:focus {
  width: 9em;
}
<input type="text" id="mytext" placeholder="Search..."/>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.