Чтобы отправить форму с помощью кнопки отправки, расположенной вне формы, вы можете использовать различные методы. Вот несколько вариантов:

1. JavaScript/jQuery: вы можете использовать JavaScript или jQuery для захвата события нажатия кнопки отправки и программной отправки формы. Это можно сделать, выбрав элемент формы по его идентификатору или классу и вызвав для него метод submit()при нажатии кнопки.

$('#submitButton').on('click', function() {
  $('#formId').submit();
});

2. Скрытое поле ввода. Другой подход — включить скрытое поле ввода в форму и обновлять его значение с помощью JavaScript при нажатии внешней кнопки отправки. Затем вы можете отправить форму обычным способом.

<form id="formId" action="submit.php" method="post">
  <!-- form fields here -->
  <input type="hidden" id="externalSubmit" name="externalSubmit" value="0">
</form>
<button id="submitButton" onclick="submitForm()">Submit</button>
<script>
  function submitForm() {
    document.getElementById('externalSubmit').value = '1';
    document.getElementById('formId').submit();
  }
</script>

3. Запрос AJAX. Если вы хотите отправить форму без обновления страницы, вы можете использовать AJAX для отправки данных формы на сервер. Вы можете захватить событие нажатия внешней кнопки отправки, сериализовать данные формы и использовать AJAX для отправки их на сервер.

$('#submitButton').on('click', function() {
  var formData = $('#formId').serialize();

  $.ajax({
    url: 'submit.php',
    method: 'POST',
    data: formData,
    success: function(response) {
      // Handle the response
    },
    error: function(xhr, status, error) {
      // Handle errors
    }
  });
});

Это всего лишь несколько способов отправки формы с помощью кнопки отправки, расположенной за пределами формы. В зависимости от ваших конкретных требований и технологий, которые вы используете, вам может потребоваться соответствующим образом адаптировать эти методы.