Задать вопрос
radzim
@radzim
html

Как написать код, чтобы получилась форма как статус в вк?

Как написать код, чтобы получилась форма как статус в вк?
  • Вопрос задан
  • 194 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
@Mr_Romanov
FullStack WebDev 
<form method="post" id="rename" class="rename"  style="margin: 0px; padding: 0px;">
<input title="Для изменения кликните" type="text"  id="status" value="статус" style="font-size:18px; width:40%;  cursor: text, auto; border:none;">
</form>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
сам то понял чё сказал?) в вк на статусе (строка) висит обработчик click с функцией, которая скрывает статус и раскрывает form в которой input text + submit. По сабмиту летит post в базу, в таблицу твоего акка и обновляется инфа. Судя по тому, что для обновления не требуется ребут страницы - работает всё на nodejs + json DB типа монги.
Ну хотя без nodejs можно - просто подменять строку статуса на значение из input, которое постнулось в базу.
Ответ написан
Комментировать
Комментировать
@de_arnst
Frontend разработчик
Способ 1. Атрибут contenteditable отправлять данные беря innerHTML
Способ 2. Подменять текст на input и отправлять данные по change или submit на нажание Enter'a
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
2500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы