Как отправить данные формы в бэкэнд?

Question

Отказ от ответственности: я бэкэнд-программист, и я хотел бы свести к минимуму код javascript на своих веб-страницах.

Я подумываю использовать в качестве примера форму входа, указанную здесь . В этом примере у нас есть

<form class="ui large form">
  <div class="ui stacked segment">
    <div class="field">
      <div class="ui left icon input">
        <i class="user icon"></i>
        <input type="text" name="email" placeholder="E-mail address">
      </div>
    </div>
    <div class="field">
      <div class="ui left icon input">
        <i class="lock icon"></i>
        <input type="password" name="password" placeholder="Password">
      </div>
     </div>
     <div class="ui fluid large teal submit button">Login</div>
  </div>
  <div class="ui error message"></div>
</form>

Кнопка входа - это просто div, который ничего не делает. В теге формы нет аргумента действия и нет входного тега типа отправки.

Как заставить страницу отправлять значения полей ввода обратно на внутренний сервер?

Обратите внимание, что на исходной странице виден какой-то код javascript, который проверяет действительность поля. Но нет никаких подсказок о том, как получить отправку электронной почты и пароля на сервер и загрузить страницу входа.

Answer 1

Кнопка входа - это просто div, который ничего не делает

Сделать его <button>.

В теге формы нет аргумента действия

Добавьте один, если вы хотите, чтобы данные отправлялись на другой URL-адрес, чем на текущей странице.

Ваша форма также должна быть method="POST" , Пароли не принадлежат URL-адресам (которые часто регистрируются в виде простого текста).

Как мне заставить страницу отправлять значения поля ввода обратно на внутренний сервер?

Используйте элемент <button> для представления кнопки отправки, а не элемент <div>. Элемент <div> - это когда вам нужен блочный элемент, а HTML не хватает элемента с семантикой для описания вашего контента. Здесь дело обстоит не так, вы хотите отправить форму и для этого нужны кнопки отправки.