title: SVG inside Razor Pages Form
body: <p>I'm using Tailwind CSS, .NET Core 3.1 Razor Pages and get the following error 
  <code>Found a malformed 'input' tag helper. Tag helpers must have a start and end tag or be self closing</code></p>
  
  <p>with this code</p>
  
  <pre><code> &lt;form asp-route="Search" method="get"&gt;
          &lt;label for="place-address" class="block text-sm font-medium leading-5 text-gray-700"&gt;Enter your address&lt;/label&gt;
          &lt;div class="mt-1 flex rounded-md shadow-sm"&gt;
              &lt;div class="relative flex-grow focus-within:z-10"&gt;
                  &lt;div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"&gt;
                      &lt;svg class="h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20"&gt;
                          &lt;path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" /&gt;
                      &lt;/svg&gt;
                  &lt;/div&gt;
                  &lt;input asp-for="Address" id="place-address" class="form-input block w-full rounded-none rounded-l-md pl-10 transition ease-in-out duration-150 sm:text-sm sm:leading-5" /&gt;
              &lt;/div&gt;
              &lt;button type="submit" class="-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm leading-5 font-medium rounded-r-md text-gray-700 bg-gray-50 hover:text-gray-500 hover:bg-white focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"&gt;
                  &lt;svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" "&gt;
                      &lt;path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"&gt;&lt;/path&gt;
                  &lt;/svg&gt;
                  &lt;span class="ml-2"&gt;Search&lt;/span&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>When I remove the SVG elements the error goes away. How can I keep the SVG elements and make this form work</p>