1

我希望就您认为对表单提交按钮进行编码的最佳实践获得一些意见。我正在建立一个新网站，并正在考虑改变。以下是我认为的选项：

  1. input type="submit"带有背景图像和 CSS 来隐藏值文本 - 这是我目前使用的。

  2. input type="image"with src="source.jpg"- 我知道我不需要隐藏值文本，但我一直更喜欢将图像放在 CSS 的中心位置，所以如果我需要更改它，我可以很容易地做到这一点。然而，由于 SEO 的原因，我试图避免隐藏文本。

  3. button- 我实际上从未使用过这个，但是 w3 说“如果您在 HTML 表单中使用该元素，不同的浏览器可能会提交不同的值。用于在 HTML 表单中创建按钮。” - 你为什么要用这个？

任何想法表示赞赏:)

4

2 回答 2

3

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

因此，我使用<input type="submit"/>提交按钮，<input type="image"/>获取单击图像的坐标（对我的游戏很有用，您可能会单击地图进行旅行），以及<button>与表单本身无关的 JavaScript 驱动的按钮（例如预览按钮）。这一切都是为了使用正确的工具来完成工作，并让用户熟悉事物。

于 2012-10-17T04:34:04.623 回答
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 */
}
于 2012-10-17T04:40:05.400 回答