Lets say I have a sign in form with two inputs, one for the email and one for the password. The form would have a sign in button which submits the email and password to the server to sign the user in. However, there is also a forgot password button on the page which when clicked should submit the email to the server to perform a different action like sending the reset password link to the email. In this scenario I have one input field (the email) which needs to be used by two separate forms. Is this possible to achieve somehow without the use of JavaScript?

Currently I have tried the following but it does not submit the email in the forgot password form

<form action="/sign-in" method="post" id="signInForm">
  <input type="text" form="signInForm forgotPasswordForm">
  <input type="password">
  <button type="submit">Log in</button>
</form>

<form action="/forgot-password" method="post" id="forgotPasswordForm">
  <button type="submit">Forgot password?</button>
</form>