Создание формы с пользовательскими полями с использованием PHP и JavaScript

Question

Я работаю над плагином WordPress для своего собственного развлечения, и я в настоящее время придерживаюсь одной конкретной функции. По сути, я хочу, чтобы пользователь мог добавлять поля в форму, а затем для тех пользовательских значений, которые будут обрабатываться с помощью моего PHP-скрипта. Кроме того, если существуют ранее сохраненные значения для полей, которые были сохранены ранее, я хочу, чтобы они отображались в уже заполненной форме. Я до сих пор являюсь формой, в которой есть поля, которые можно добавлять/удалять (через JavaScript), а также необходимо разметка определить свою форму в HTML:.

<div class="si-form-container"> 
    <form method="POST" id="si-form"> 

     <div class="si-editable-row"> 

      <div class="si-field"> 
       <label for="label_1">Info label (eg. Department Name)</label> 
       <input type="text" name="label_1"> 
      </div> 

      <div class="si-field"> 
       <label for="value_1">Info value (eg. Music)</label> 
       <input type="text" name="value_1"> 
      </div> 
     </div> 
    </form> 

    <button id="si-add-field">Add Field</button> 
    <input type="submit" value="Save" id="si-save-fields"></input> 
</div> 

JavaScript в основном только добавляет новый «класс ДИВ =» си-редактируемые-строку»вместе с классами дочерних элементов и так далее Как передать информация, представленная пользователем на мой PHP?

Answer 1

Добавить атрибут action в элемент формы, содержащий скрипт PHP, с которым вы хотите обрабатывать опубликованные данные. Вам нужно переместить кнопку submit внутри тегов формы.

<div class="si-form-container"> 
<form method="POST" action='processFormScript.php' id="si-form"> 

    <div class="si-editable-row"> 

     <div class="si-field"> 
      <label for="label_1">Info label (eg. Department Name)</label> 
      <input type="text" name="label_1"> 
     </div> 

     <div class="si-field"> 
      <label for="value_1">Info value (eg. Music)</label> 
      <input type="text" name="value_1"> 
     </div> 
    </div> 

    <input type="submit" value="Save" id="si-save-fields"></input> 
</form> 

<button id="si-add-field">Add Field</button> 

</div> 

Я поставил processFormScript.php как пример PHP скрипт в атрибуте action, но вам нужно поместить имя файла вашего собственного создал PHP скрипт.