创建一个带有按钮角色的html属性提交表单

Make a html attributie with button role submit a form

本文关键字：角色 html 属性 表单 提交 按钮 一个 创建      更新时间：2023-09-26

我需要有我的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>

如果我理解正确你想提交表单时，你按下使用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事件。

这是你的解决方案，

<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();
}

给你的<a>元素一个id，然后用这个id设置一个jquery onclick函数来运行你想要的任何查询。

相关文章：