Question

<form>
    <label class="screen-reader-text" for="s"><?php _x( 'Search for:', 'label' ); ?></label>
    <input type="text" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Search"/>
    <input type="submit" id="searchsubmit" value="<?php echo esc_attr_x( 'Search', 'submit button' ); ?>" />
</form>

如何使用标签作为输入类型按钮。我的标签鳕鱼是：

  <a href="#" class="fa fa-search" ></a>

Answer 1

默认情况下，提交会使用form action重定向提交。

<FORM METHOD="POST" ACTION="redirect.html">
  <INPUT TYPE="submit" VALUE="Clickable Button" />
</FORM>

OR

<!-- form here -->
<button type="submit" form="form2" value="Submit">Submit</button>

如果您只是要创建一个没有操作的表单，那么您可以使用button中的a标记来链接它。

或者您只需要一个重定向的输入按钮：

<form>
  <input type="button" onclick="parent.location='https://www.google.com/'" value="Google" />
</form>

Answer 2

试试这个：

<form id="form">
    <label class="screen-reader-text" for="s">label</label>
    <input type="text" value="value" name="s" id="s" placeholder="Search"/>
    <input type="submit" id="searchsubmit" value="value" />
</form>

  <a href="#" class="fa fa-search" id="a-submit">Submit</a>

<script>
/*using jQuery*/
$(function() {
 $('#a-submit').on('click', function(){
  e.preventDefault();
  $('#form').submit();
 });
});
</script>

or

<script>
/*Using native JavaScript*/
var element = document.querySelector("#a-submit");
element.onclick = function(event) {
  event.preventDefault();
  document.querySelector("#form").submit();
};
</script>

如何使用标签进行输入类型提交

2 个答案: