Создайте ссылку на кнопку «Отправить»: HTML, JavaScript и CSS

  1. HTML-форма. Вы можете создать форму в HTML и использовать элемент для создания кнопки отправки. Обернув форму вокруг элементов ввода, вы можете отправить данные формы по определенному URL-адресу.

Пример:

<form action="https://example.com/submit" method="post">
  <!-- Your form fields go here -->
  <input type="submit" value="Submit">
</form>
  1. JavaScript: вы можете использовать JavaScript для динамического создания ссылки на кнопку отправки. Прикрепив прослушиватель событий к элементу кнопки, вы можете определить действие, которое будет выполнено при нажатии кнопки.

Пример:

<button id="submitBtn">Submit</button>
<script>
  const submitButton = document.getElementById('submitBtn');
  submitButton.addEventListener('click', () => {
    // Define the action to be taken when the button is clicked
    window.location.href = 'https://example.com/submit';
  });
</script>
  1. Стилизация ссылок CSS. Вы можете стилизовать элемент ссылки так, чтобы он выглядел как кнопка, и использовать его в качестве ссылки на кнопку отправки. Этот метод не требует каких-либо сценариев или элементов формы.

Пример:

<a href="https://example.com/submit" class="submit-button">Submit</a>
<style>
  .submit-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
  }
</style>