如何用图像替换提交按钮？

Question

我制作了这个简单的搜索框，并想使用 svg 图像作为提交按钮，如果没有任何 javascript，我该如何做到这一点？

这是表格：

    <form method="post" action="#">
        <input type="text" name="rechercher" id="rechercher" placeholder="Rechercher"/>
        <input type="submit" value="none" onerror="this.onerror=null; this.src='images/loupe.png'"/>
    </form>

Answer 1

您可以在按钮上使用图像按钮

<input type=image src=PATH_TO_YOUR_IMAGE alt="Submit Me">

或使用 css 将提交按钮背景设置为图像

input[type=submit] {
    background:url(BACKGROUND_IMAGE_PATH_HERE);
    border:0;
    display:block;
    height:Change_TO_backgroundimageheight;
    width: Change_To_backgroundimageWidth;
}