如何使整个跨度可点击？

Question

如何使整个范围可单击而不是仅单击输入区域即可。由于输入的是提交类型，我该怎么做？

<span id="finishspan" class="btn btn-finish btn-fill btn-warning btn-wd">
<input type='submit' id="finish" name='finish' value='Finish'/>
</span>

这是jQuery代码

 $("#finish").click(function(){

    $('#finishspan').prepend('<i class="fa fa-spinner fa-spin"></i>');
    $("#finish").val("Store creating...");

 });

Answer 1

用form标签包裹HTML。然后将选择器更改为id的{​​{1}}。最后，在点击处理程序函数内部手动提交表单：

span

$("#finishspan").click(function(){
    $('#finishspan').prepend('<i class="fa fa-spinner fa-spin"></i>');
    $("#finish").val("Store creating...");
    $("#myform").submit();
 });

#finishspan {
  display: block;
  width: 100%;
  background-color: #C0C0C0;
}

Answer 2

您很可能需要使跨度显示块或使用div。

span#finishspan {
    display: block;
}