Как сделать кнопку редактирования для превращения полей в формы?

Здравствуйте дорогие друзья!
Имеется дизайн, и задумка при нажатии на карандашик поле должно становится активным и готовым к редактированию следующим образом...
10192a0f7e7e4cc0af83cb5291b91ef9.jpg
Обычное поле
160ea59c93e64878abe9c2369b91f5bb.jpg
Активное поле
Помогите пожалуйста советом как это можно сделать.
Верстаю с помощью бутстрапа
<div class="form-group">
							    <label for="user-phone" class="col-sm-2 control-label">Номер телефона</label>
							    <div class="col-sm-5">
							      <input type="tel" class="form-control" id="user-phone" placeholder="+555 55 555 55 55">
							    </div>
							  </div>
  • Вопрос задан
  • 564 просмотра
Решения вопроса 1
tridcatij
@tridcatij
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
JS + Информация по тегу Input = решение.
Ответ написан
@Kstl
Начинающий верстальшик
А если в свободном состоянии у инпута убрать бордер и цвет фона прозрачный, а при фокусе давать бордер.
что то вроде https://jsfiddle.net/2m2kbcg2/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы