在一个表单中集成三个<buttons>

时间:2016-10-07 21:36:02

标签: javascript html5 forms button

我需要在表单中启用3个HTML按钮:

enter image description here

第一个正常工作,第二个工作正常,第三个工作正常,但是第二个工作正常,第二个工作正常。

我认为我的表单只是阻止所有其他按钮正常运行,但我不知道需要更改的内容。

代码:

<form method="post" target="hidden_target" action="panel.php?something">

<input type="hidden" name="what" value="editNews">

<div class="newstitle">Title: <input type="text" name="tytul[%id]" value="%tytul"></div>
<div class="newstext"><textarea name="tresc[%id]" class="htmlEditor">%tresc</textarea></div>
<div class="newslink">Article link:<input type="text" name="link[%id]" value="%link"></div>
<div class="table-end"></div>
<div class="newsprzyciski">

<button class="button minibutton">Save changes</button> 
<button onclick="panel.php?someaction" class="button minibutton red">Remove</button>
<button onclick="javascript:someaction" class="button minibutton orange">Images</button>

</div>
</form>

3 个答案:

答案 0 :(得分:0)

目前尚不清楚你想做什么,但我能感觉到。也许这不是你想要的,让我们看看。

第一个应提交表单,因此请向其添加type="submit"

<button type="submit" class="button minibutton">Save changes</button> 

第二个应该重定向到另一个页面,你想传递一个URL,但你做错了。请改用:

<button type="button" onclick="location=panel.php?someaction" class="button minibutton red">Remove</button>

第三个应该只执行一个javascript函数:

<button type="button" onclick="someaction()" class="button minibutton orange">Images</button>

让我知道这是否有效。

答案 1 :(得分:0)

这就是诀窍:

<button type="submit" class="button minibutton">Save changes</button>
<button type="button" onclick="location.href='panel.php?someaction'" class="button minibutton red">Remove article</button>
<button type="button" onclick="javascript:someaction" class="button minibutton orange">Images</button>

答案 2 :(得分:-2)

对于第二个和第三个按钮,添加属性type="button",如<button type="button" onclick="panel.php?someaction" class="button minibutton red">Remove</button>中所示。默认情况下,除非您设置type,否则按钮将提交表单。