Question

我一直在阅读如何实施按钮。 有很多答案。

没有进入为什么特定版本优先于另一个。今天的标准良好做法方式是什么？

我专门寻找的按钮是image（无文字），使用href并且必须submit。

我已经提出以下但是它无效：

<button class="btn-googleplus" href="/auth/google" type="submit"></button>

<input type="submit" class="btn-googleplus" />

button .btn-googleplus {
    background-image: url("img/googleplus.png") no-repeat center center;
}

我已经看过这样的变体（我不喜欢因为在按钮标记内有img似乎很复杂）：

<button href="/auth/google" type="submit">
    <img id="img" src="img/googleplus.png" />
</button>

Answer 1

将href添加到button不会有用。您需要将该按钮放在一个表单中，您可以在其中指定action属性中的href值（url）。

<form action="/auth/google">
    <button href="/auth/google" type="submit">
        <img id="img" src="img/googleplus.png" />
    </button>
</form>

以图像为背景并使用href的html按钮的良好实践

1 个答案: