fa faアイコンを挿入してフォームを検索するには

Question

検索フォームのアイコンについて少し助けが必要です。ボタンのタグクラス<i class="fa fa-search"></i></button>は動作しません：

<form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>" onsubmit="check_search();return false;"> 
 
    <label> 
 
    <input type="search" class="searchfieldz" placeholder="Search anything " value="" name="s" title="Search for:" autocomplete="off"> 
 
    </label> 
 
    <button type="submit" class="searchButton"> 
 
    <i class="fa fa-search"></i> 
 
    </button> 
 
</form>

Answer 1

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> 
 
<form role="search" method="get" class="search-form" action="<?php echo home_url(); ?>" onsubmit="check_search();return false;"> 
 
    <label> 
 
    <input type="search" class="searchfieldz" placeholder="Search anything " value="" name="s" title="Search for:" autocomplete="off"> 
 
    </label> 
 
    <button type="submit" class="searchButton"> 
 
    <i class="fa fa-search"></i> 
 
    </button> 
 
</form>

をあなたは何についてもう少し具体的にすることができ

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>