9

关于 HTML 页面上的按钮，我有一个非常基本的问题。

众所周知，创建它们有多种可能性。可以在 上设置display: block;，a因此可以为其指定颜色、宽度和高度。但也有 HTML elementbutton和 element submit。

什么时候用什么？例如，在创建表单时，如果我没记错的话，我需要一个submit元素。但是当我在表单之外有一个按钮时，我可以使用普通的a. 但是，我仍然不知道如何使用button.

你能帮我解决这个问题吗？

4

5 回答 5

12

当它是一个链接而不是表单提交<a>时，应该使用锚 ( )。

搜索引擎爬虫无法跟踪由inputor提交button的链接a。因此，出于 SEO 的目的，最好使用锚点作为链接。

如果它是一个表单，您应该始终使用 abutton或 an，input因为它们可以在按下 enter 按钮时提交表单（与链接不同），并且通常更便于访问。

我不会详细说明是否使用button，input因为已经有一篇关于此的深入帖子：

<button> 与 <input type="button" />。使用哪个？

于 2012-08-10T10:20:13.123 回答
3

<button>

button ( <button>) HTML 元素代表一个可点击的按钮。

<a>

HTML 锚元素( <a>)定义超链接、超链接的命名目标目标，或两者兼而有之。

于 2012-08-10T10:20:02.727 回答
0

如果感觉将事件处理程序附加到按钮而不是锚元素是正确的，我最近一直在使用按钮作为 JavaScript 钩子。

锚标签代表一个位置，而按钮对我来说更像是一种行为。我一直使用按钮作为幻灯片导航、显示/隐藏内容和执行 ajax 请求。:D

于 2012-08-10T10:24:18.467 回答
0

在表单中，您应该使用适当的元素。

'a' 在形式中并不合适。

例如，看看 W3C 上元素的主要目标。

因为你可以使用任何元素，并且使用 CSS 或 JS 你可以改变行为和目的......这太糟糕了。（用法，可访问性，理解）

于 2012-08-10T10:25:02.820 回答
0

据w3Schools.com 称，

定义和使用

<button>标签定义了一个可点击的按钮。

您可以在<button>元素内放置内容，例如文本或图像。这是此元素与使用该元素创建的按钮之间的区别<input>。

提示：始终指定<button>元素的类型属性。<button> 不同的浏览器对元素使用不同的默认类型。

并且 ：

提示和注意事项

注意：如果您<button>在 HTML 表单中使用该元素，不同的浏览器可能会提交不同的值。用于<input>在 HTML 表单中创建按钮。

就我所见，<button>标签旨在用于表单之外和<input type="button">内部。

<input type="button">默认情况下，与<a>标签不同，两者都被设置为浏览器习惯的样式。

于 2012-08-10T10:43:37.837 回答