如何将跨度图标功能设置为提交按钮？

Question

我创建了一些没有按钮的搜索表单，他们将搜索图标作为提交按钮。

通常他们有这样的html和css：

<form method="get" action="search.php">
  <input type="text" class="" placeholder="search" name="s">
  <span class="icon-search"></span>
</form>

span {
bottom: 0;
cursor: pointer;
line-height: 40px;
opacity: 0.3;
position: absolute;
right: 0;
text-align: center;
top: 1px;
width: 40px;
}

它显示如下：

此跨度图标是可点击的，可用作提交按钮。它是如何工作的？