Кнопка для ввода

#html #button #dynamic #input

#HTML #кнопка #динамический #ввод

Вопрос:

Я пытаюсь создать кнопку для добавления имени пользователя, введенного пользователем, но функциональность, которую я ищу, заключается в том, чтобы кнопка стала вводом текста, я создал следующее:

 <button type="button" class="btn widget uib_w_16 btncolor_green noborder_btn btn-default" data-uib="twitter bootstrap/button" data-ver="0" id="addfriend_btn"><i class="glyphicon glyphicon-user button-icon-top" data-position="top"></i>
                       </button>
  

Но я понятия не имею, как это сделать или преобразовать во входные данные, чтобы я мог добавить желаемое имя пользователя. пожалуйста, кто-нибудь может дать мне подсказку или идею о том, как этого добиться?

Комментарии:

1. Почему она стала входом? Почему бы просто не показать скрытый ввод после нажатия на нее?

2. Вам понадобится javascript. Для такого рода вещей jQuery упростил бы жизнь, и тогда это всего лишь некоторые операции DOM. зафиксируйте щелчок, удалите узел кнопки, замените на <input> узел.

3. @MarcB прав, нет способа архивировать это без некоторого JavaScript.

4. кто-нибудь может привести простой пример? или что угодно.