Question

我希望对编码表单提交按钮的最佳实践有所了解。我正在建立一个新的网站，我正在考虑改变。以下是我看到的选项：

input type="submit"和隐藏值文字的CSS - 这是我目前使用的。
input type="image" src="source.jpg" - 我知道我不需要隐藏值文本，但我总是希望将图像放在CSS的中心位置，所以如果我需要改变它，我可以很容易地做到。但是，由于SEO原因，我试图避免隐藏文本。
button - 我实际上从未使用过这个，但是W3说“如果你在HTML表单中使用该元素，不同的浏览器可能会提交不同的值。用于在HTML表单中创建按钮。 “ - 你为什么要用这个？

任何想法都赞赏：）

Answer 1

就个人而言，我认为保持控制自然是最好的。它允许浏览器/操作系统确定它们的外观，典型的结果是用户对他们已经知道的控件更加满意。

因此，我使用<input type="submit"/>作为提交按钮<input type="image"/>来获取图片上点击的坐标（对于我可能点击地图上行进的游戏很有用），以及{ {1}}用于与表单本身无关的JavaScript驱动的按钮（例如“预览”按钮）。这就是为工作使用正确的工具，并为用户保持熟悉的东西。

Answer 2

使用默认

<input type="submit" value="mysubmit"  class="button" />
input.button {
    background-image: url(/images/buttons/add.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

提交按钮的最佳做法

2 个答案: