HTML表单链接
HTML表单链接
提问于 2018-07-15 21:43:31
作为HTML的新手，我正在寻求您的帮助和指导。
我正在尝试创建一个页面，将只有两个按钮，如：Create User Log In
根据所单击的按钮，表单将被处理。
它类似于注册或LogIn的概念。
PS:我正在尝试使用java作为脚本部分
请指导我实现上述场景
回答 2
Stack Overflow用户
发布于 2018-07-16 02:39:38
我从你的描述中了解到，你有一个只有两个按钮的页面。因此，这个页面中没有表单，但是当您单击任何一个按钮时，它们会将您带到另一个包含表单的页面。然后你可以有一个像这样的标签：
<a href="">
<div style="width: 60px; height: 30px; border: solid 1px; text-align: center">Log In</div>
</a>
Stack Overflow用户
发布于 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51348976
复制相关文章
相似问题