<div class="p-2">
<form onsubmit="return setAction(this)">
<div>
<label>Name:</label>
<input id="name" name="name" type="text">
</div>
<div>
<label>Email:</label>
<input id="email" name="email" type="email">
</div>
<div>
<input id="submit" type="submit">
</div>
</form>
<hr>
<form name="user_form">
<div>
<label>Email:</label>
<input id="user_email" name="user_email" type="email">
</div>
<div>
<label>Password:</label>
<input id="user_password" name="user_password" type="password">
</div>
<div>
<input id="login" type="submit" value="Login" onclick="return loginUser()">
</div>
<div>
<input id="register" type="submit" value="Register" onclick="return registerUser()">
</div>
</form>
</div>form label {
display: inline-block;
width: 100px;
}
form div {
margin-bottom: 10px;
}function setAction(form) {
form.action = "register.html";
alert(form.action);
return false;
}
function loginUser() {
document.user_form.action = "login.html";
alert(document.user_form.action);
return false;
}
function registerUser() {
document.user_form.action = "register.html";
alert(document.user_form.action);
return false;
}
External CSS
External JavaScript
This Pen doesn't use any external JavaScript resources.