使用按钮角色创建一个 html 属性提交表单

Question

我需要让我的 html 属性提交表单。我的问题是普通按钮属性能够使用 type="submit" 而其他属性使用 role="button" 不对类型做任何事情。

那么如何让它提交表单呢？如果能给我个脚本也行。

（我不认识 javascript 我自己）

我当前的代码：

<form action="myloc" method="post">
   <div class="input-group col-lg-6">
      <a type="submit" class="btn btn-default input-group-addon" role="button">
        Search<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
      </a>
      <input type="search" class="form-control" name="search" id="search" placeholder="Search">
   </div>
</form>

Answer 1

为您的 <a> 元素提供一个 ID，然后将具有该 ID 的 jquery onclick 函数设置为运行您想要的任何查询。

Answer 2

如果我的理解正确的话，您想在使用 javascript 按下按钮时提交表单？

<form id="test" action="myloc" method="post">
  <div class="input-group col-lg-6">
    <a type="submit" class="btn btn-default input-group-addon" role="button" onclick="document.getElementById('test').submit();">
      Search<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    </a>
    <input type="search" class="form-control" name="search" id="search" placeholder="Search">
  </div>
</form>

请注意，我所做的是在表单上设置一个 id ("test")，然后向锚元素添加一个 onclick 事件。

Answer 3

这是您的解决方案，

<form action="myloc" method="post" id="myForm">
  <div class="input-group col-lg-6">
    <a type="submit" class="btn btn-default input-group-addon" role="button" id="sub">
    Search<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    </a>
    <input type="search" class="form-control" name="search" id="search" placeholder="Search">
  </div>
</form>

Javascript代码

var button=document.getElementById('sub');
button.onclick=function(){
     document.getElementById("myForm").submit();
}

使用按钮角色创建一个 html 属性提交表单

Make a html attributie with button role submit a form

html

javascript

forms

submit

button