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

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

Ответ 1

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

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


<form action='whatever' onsubmit='return copyContent()'>...

Ответ 2

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

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

Пример

Ответ 3

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

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