Как использовать HTML5, как использовать контентные поля в представлении формы?

Поэтому у меня есть группа элементов абзаца, которые динамически заполняются из db. Я сделал элементы довольными. Теперь я хочу отправить изменения обратно в db через стандартное представление формы. Есть ли способ опубликовать контент-элементы?

Вы должны использовать javascript так или иначе, он не будет работать как «стандартный» элемент формы, как это было бы с текстовой областью или т. П. Если вам нравится, вы можете создать скрытую текстовую область в своей форме, а в функции onsubmit формы скопируйте innerHTML содержимого, доступного для значения textarea. В качестве альтернативы вы можете использовать ajax / xmlHttpRqeuest, чтобы отправить материал немного более вручную.

function copyContent () { document.getElementById("hiddenTextarea").value = document.getElementById("myContentEditable").innerHTML; return true; } 
...

Если вы используете jquery, вы можете отправить контент с событием .click () (т.е. «сохранить» или «отправить» …)

В вашей функции щелчка отправьте его на сценарий на стороне сервера, используя «пост» ajax, чтобы вставить его в свою базу данных.

пример

НУЖНО быть стандартным представлением формы? Если вы не можете или не хотите использовать форму со входами, вы можете попробовать AJAX (XMLHttpRequest + FormData), с помощью которой вы могли бы выполнять асинхронные запросы и лучше контролировать, как проявляется ответ.

Если вы хотите, чтобы это было еще проще, попробуйте функцию $.get jQuery (также $.get и $.post ). Он отправляет данные с использованием простых объектов JS.

  • Альтернатива HTML5 для Flash-платформы ZeroClipboard для безопасного копирования данных в буфер обмена?
  • AngularJS - Включить страницу режима HTML5 Обновить без ошибок 404
  • Есть ли атрибут проверки минимальной длины в HTML5?
  • Почему Chrome показывает всплывающую подсказку «Пожалуйста, заполните это поле» в пустых полях?
  • Как сделать прозрачный canvas в html5?
  • CORS. Какова мотивация внедрения предполетных запросов?
  • html5: скопировать canvas в изображение и обратно
  • Twitter Bootstrap Используйте collapse.js на ячейках таблицы
  • Каково правильное использование schema.org SiteNavigationElement?
  • Показывать предварительный просмотр изображения перед загрузкой
  • CSS3 Transform Skew One Side
  • Interesting Posts

    Какие проблемы следует учитывать при переопределении равных и hashCode в Java?

    Matlab: повторяйте каждый столбец последовательно n раз

    OpenCV для использования в буферах памяти или указателях файлов

    Intellij – Невозможно использовать новые classы Java 8 – Ошибка: «Использование API, зарегистрированное как @since 1.6+ ..»

    Как вы сокращаете время компиляции и связываете время для проектов Visual C ++ (собственный C ++)?

    Явная блокировка Java

    Использование пользовательского VirtualPathProvider для загрузки встроенных ресурсов Частичные виды

    Чем больше UUENCODE делает двоичные файлы?

    Nexus 7 не отображается как медиа-устройство (MTP)

    Как chmod все каталоги, кроме файлов (рекурсивно)?

    Поиск файлов в папке с помощью Java

    Настройка Tomcat для использования файла свойств для загрузки информации о соединении DB

    Импорт фотографий в Mac OS X

    Многократное наследование Objective-C

    Как рисовать сетку с использованием classа swing Java и определять положение мыши при нажатии и перетаскивании

    Давайте будем гением компьютера.