POST-содержимое формы для отдыха api

Я создал форму входа в систему html:

<html >
<head>

<title>User Login</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/signin.css">
</head>

<body>
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2>
<input class="form-control" type="text" autofocus="" required="" placeholder="Email address">
<input class="form-control" type="password" required="" placeholder="Password">
<label class="checkbox">

</label>
<a href= "" <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button></a>
</form>
</div>
</body>
</html>

Теперь мне нужно отправить содержимое формы, то есть имя пользователя и пароль, в режим ожидания api для аутентификации с помощью команды http POST. Я не знаю, с чего начать, и у меня проблемы с поиском учебника, в котором абсолютно нет знаний об API-интерфейсах отдыха и http-командах. Я чрезвычайно новичок в веб-разработке, может ли кто-нибудь указать мне в сторону хорошего учебника или показать мне пример того, как может выглядеть javascript (я полагаю)?

Ответ 1

Сначала исправьте свой HTML. Затем со следующим javascript не требуется:

<form class="form-signin" method="POST" action="URL_OF_REST">
  <h2 class="form-signin-heading">Please sign in</h2>
  <input class="form-control" type="text" required name="email" placeholder="Email address">
  <input class="form-control" type="password" required name="password" placeholder="Password">
  <label class="checkbox"></label>
  <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>

Ответ 2

Я хочу, чтобы данные отображались в консоли