4

我正在尝试学习通过 HTML/CSS 创建按钮的最佳方法。我以前使用过可点击的 div，但看起来这不是最好的主意。

纽扣呢？或者一个href的

今天哪种方式最好（html5 css3）？

4

3 回答 3

5

这取决于您正在寻找的行为。如果其目的是链接到另一个页面，则使用<a>. 如果是为了提交表单或做某种帖子或获取我会使用一个按钮。

有一个名为 Basecamp 的基于 Web 的项目管理产品。当他们第一次启动时，他们使用<a>标签作为每个单独任务旁边的删除按钮。在使用 chrome 的谷歌网络优化器插件时访问其内部页面的用户看到他们的所有任务都标记为已删除。Google 页面优化器会在页面中查找链接并触发点击以预加载未来的页面。

让形式跟随功能，你应该很高兴:0)

于 2013-02-09T20:06:46.927 回答
0

偏爱按钮的一个原因是按钮自然更易于访问，而使用链接、跨度或其他标签在这方面会失败。要获得对这些其他元素的适当可访问性，您必须使用 ARIA 角色来修复它们。

这本身并不是一个黑客，因为这是 ARIA 角色的一部分。但这是一件额外的事情，需要了解并确保你做对了。

于 2013-02-09T20:16:11.970 回答
0

在 html 中创建按钮的最佳方法是使用或因为当您尝试提交表单时，浏览器默认使用提交类型的按钮和输入

例如 ：

<form action="somepage.php" method="POST">
   <input type="text" name="name1">
   <textarea></textarea>
   <input type="submit" value="submit the form with a input of type submit">
</form>

只有当用户点击提交按钮时，表单数据才会被提交

但是，当我们使用 a或div来扮演按钮的角色时，您需要调用 javascript 并寻求帮助

最后好的做法是使用按钮和输入类型提交来扮演按钮的角色其他一切都是可以增加加载页面时间的自定义

于 2014-09-03T09:22:03.587 回答