Html 如何在同一行上放置两个按钮_Html_Cgi

Html 如何在同一行上放置两个按钮

html

Html 如何在同一行上放置两个按钮,html,cgi,Html,Cgi,我使用下面的代码在一个表单中放置两个按钮。但是按钮会一个接一个地出现。我的意思是说，一个按钮将首先出现，而另一个按钮将出现在该按钮的正下方代码片段 <form name="myform" action="xxxx.cgi" method="POST"> <input type="submit" value="hello" name="d"> </form> <form name="myform" action="yyyy.cgi" method=

我使用下面的代码在一个表单中放置两个按钮。但是按钮会一个接一个地出现。我的意思是说，一个按钮将首先出现，而另一个按钮将出现在该按钮的正下方

代码片段

<form name="myform" action="xxxx.cgi" method="POST">   
<input type="submit" value="hello" name="d">
</form>
<form name="myform" action="yyyy.cgi" method="POST">
<input type="submit" value="hai" name="dd">
</form>

我可以用下面的代码在同一行中放置两个按钮

<form name="myform" action="xxxx.cgi" method="POST">
<input type="submit" value="hello" name="d">
<input type="submit" value="hai" name="dd">
</form>

但两个按钮都将在单击时加载xxxx.cgi。如何将两个按钮放置在同一行的网页上，第一个按钮将在单击时加载xxxx.cgi，第二个按钮将在单击时加载yyy.cgi。请帮忙

借

多米尼克

在CSS中添加这样的样式

form{
    float:left;
}

看到这个了吗

我使用了这个标记，因为这是正确的标记

<form name="myform" action="xxxx.cgi" method="POST">   
  <input type="submit" value="hello" name="d">
</form>
<form name="myform" action="yyyy.cgi" method="POST">
  <input type="submit" value="hai" name="dd">
</form>

另一个使用两个同名按钮

上述代码的一个问题是，它在同一页面中使用了两个表单，这有时会造成问题

所以只使用一种形式

请参阅以了解..

可以使用float:left作为表单元素，也可以使用display:inline块

form{display: inline-block;}

请参见

Html

<form name="myform" class='myform' action="xxxx.cgi" method="POST">   
    <input type="submit" value="hello" name="d">
</form>
<form name="myform" class='myform' action="yyyy.cgi" method="POST">
    <input type="submit" value="hai" name="dd">
</form>

嘿@Dominic这里是你可以解决问题的方法。你只需要使用一些javascript

创建两个表单，但将两个按钮放在一个表单中

这不是perl qst。。。依我拙见

.myform
{
    float: left;
}

<body>
<form action='1.php' name='first'>
<input type="button"  value='1.php' id='one'/>
<input type="button"  value='2.php' id='two'/>
</form>
<form action='2.php' name='second'>

</form>
</body>

var one = document.getElementById('one');
one.onclick=function(){
alert(document.first.submit());
}

var two = document.getElementById('two');
two.onclick=function(){
alert(document.second.submit());
}