Demo

Question

是否可以在同一HTML表单中定义两个submit按钮？

两个按钮将执行完全相同的功能..

虽然只有一个会在给定时间显示..哪一个显示取决于用户使用的设备（通过@media查询解决）..

按钮技术上将在HTML中定义两个提交按钮。这可能吗？

Answer 1

是。但是如果你不想提交输入，你可以创建按钮并设置onclick javascript处理程序来发送该表单。

Answer 2

CSS：

@media device1 { 
    #device2submitbutton { 
        display:none; 
    } 
}
@media device2 { 
    #device1submitbutton { 
        display:none; 
    }
}

HTML：

<input type="submit" id="device1submitbutton" value="device1 submit"/>
<input type="submit" id="device2submitbutton" value="device2 submit"/>

Answer 3

<form action="" method="get">
  <input type="submit" name="sb" value="One">
  <input type="submit" name="sb" value="Two">
  <input type="submit" name="sb" value="Three">
</form>

只需将其放入HTML页面，点击按钮，然后查看网址

即可

Answer 4

您知道您实际上可以在表单中使用<button>并提交表单

<form action="">
    <button>Submit 1</button>
    <button>Submit 2</button>
</form>

Demo

这是有道理的，它们被视为提交按钮，因为在填写表单时，您没有按钮可以将某个地方带到某处。

表单有两个提交按钮，但在任何给定时间只有一个显示

4 个答案:

Demo