Question

在我的面板区域的自举面板上，我有一个按钮，因此可以点击表格<button type="submit" form="form-user-group" class="btn btn-primary">Save</button>

在按钮中我使用form =＆＃34; form-user-group＆＃34;然后在表格上我有<form id="form-user-group"></form>

它允许我在火狐和谷歌浏览器上提交表格但是我有问题，因为Internet Explorer不会工作不会拿起表格=＆＃34; form-user-group ＆＃34;

如果我在IE中有按钮，它可以在IE上运行，但是当我把它放在表单的一边时。我如何解决它，以便它可以在IE表单的外面工作。

<div class="panel panel-default">
<div class="panel-heading clearfix">
<div class="pull-left" style="padding-top: 7.5px"><h1 class="panel-title"><?php echo $title;?></h1></div>
<div class="pull-right">
<a href="<?php echo base_url('admin/users_group');?>" class="btn btn-primary">Cancel</a>
<button type="submit" form="form-user-group" class="btn btn-primary">Save</button>
</div>
</div>
<div class="panel-body">
<form action="<?php echo base_url('admin/users_group/add'); ?>" method="post" enctype="multipart/form-data" id="form-user-group" class="form-horizontal">
</form>
</div>
</div>

Answer 1

您无法将提交按钮保留在<{strong> <form>标记之外，因为您指定的ID不是表单找到按钮的方式，但它会在 >它的标签。

请点击此处了解详情：http://www.w3.org/TR/html4/interact/forms.html#h-17.2.1

但是，您可以使用JavaScript或它的库jQuery将按钮链接到表单，而不是尝试将表单链接到按钮。你可以尝试这样的事情：

$('#formButton').click(function() {
    $('#form-user-group').submit();
});

其中，#formButton是您要用于提交表单#form-user-group的按钮的ID。

Answer 2

我现在已经发现，如果您希望在表格的一侧提供表单提交按钮，您最好使用onclick for javascript

<button type="submit" onclick="submit()">Save</button>

<form id="form-something" method="post" action="">

</form>

<script>
function submit() {
// for IE fix
    $("form[id*='form-']").submit();
}
</script>

Bootstrap按钮在Internet Explorer中不起作用

2 个答案: