作为HTML的新手,我正在寻求您的帮助和指导。
我正在尝试创建一个页面,将只有两个按钮,如:Create User Log In
根据所单击的按钮,表单将被处理。
它类似于注册或LogIn的概念。
PS:我正在尝试使用java作为脚本部分
请指导我实现上述场景
发布于 2018-07-16 02:39:38
我从你的描述中了解到,你有一个只有两个按钮的页面。因此,这个页面中没有表单,但是当您单击任何一个按钮时,它们会将您带到另一个包含表单的页面。然后你可以有一个像这样的标签:
<a href="">
<div style="width: 60px; height: 30px; border: solid 1px; text-align: center">Log In</div>
</a>
发布于 2018-07-16 02:56:26
根据所单击的按钮,下面的代码将向服务器发送不同的数据
var formElm = document.forms[0];
formElm.addEventListener('submit', function(){
return false; // disable normal form submit so the page won't refresh
})
// when button number #1 gets clicked, send the form to the server
formElm.querySelector('.do1').addEventListener('click', function(){
fetch('/url',{ method:'POST', body:new FormData(formElm) })
.then(function(response) {
console.log('request succeeded with JSON response', JSON.parse(data))
})
.catch(function(error) {
console.log('request failed', error)
})
});
// when button number #1 gets clicked, do something else..you choose.
formElm.querySelector('.do2').addEventListener('click', function(){
// send something else to the server
// ...
});
<form>
<input name='something' value='foo'>
<button type='button' class='do1'>button 1</button>
<button type='button' class='do2'>button 2</button>
</form>
https://stackoverflow.com/questions/51348976
复制相似问题