HTML表单链接

时间:2018-07-15 13:43:31

标签: html forms

作为HTML的新手,我正在寻求您的帮助和指导。

我正在尝试创建一个仅包含两个按钮的页面,例如: 创建用户登录

将根据单击哪个按钮来处理表单。
它类似于 Register LogIn 的概念。

PS:我正在尝试将Java用于脚本部分

请指导我实现上述情况

2 个答案:

答案 0 :(得分:0)

从您的描述中我们了解到,您的页面只有两个按钮。因此,此页面上没有表单,但是当您单击任意按钮时,它们将带您进入带有表单的另一页面。 那么您可以拥有这样的标签:

let center = CGPoint(x:view.center.x + 150 ,y:view.center.y)

答案 1 :(得分:0)

下面的代码将向服务器发送不同的数据,具体取决于单击的按钮

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>