如何使用標簽進行輸入類型提交

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>

要么

<!-- 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>