2024-03-25

我开始使用诊断 CSS 样式表,例如http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/ http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/

建议的规则之一突出显示类型为“提交”的输入标签,并建议使用<button>作为更语义化的解决方案。有什么优点或缺点<button>您遇到过的类型提交(例如浏览器兼容性)?

只是为了清楚起见,我了解的规格<button>,它有一个定义的开始和结束,它可以包含各种元素,而输入是一个单态并且不能包含东西。我本质上想知道的是它是否损坏。我想知道按钮目前的可用性如何。不幸的是,下面的第一个答案似乎确实意味着它除了表单之外的用途都被破坏了。

2015年编辑

风景变了!我现在已经有 6 年处理按钮的经验了,浏览器也从 IE6 和 IE7 开始有所进步。因此,我将添加一个答案,详细说明我发现的内容和我的建议。


使用时<button>始终指定类型,因为浏览器默认为不同的类型。

这将在所有浏览器中一致地工作:

  • <button type="submit">...</button>
  • <button type="button">...</button>

这样你就可以获得全部<button>优点是没有缺点。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

  • 如何在树视图标题中“创建”和“导入”按钮 Odoo 8 附近添加按钮?

    我可以成功在表单视图标题或树视图行中添加按钮 但我想在 Odoo 8 中 创建 和 导入 按钮附近的树视图标题中添加自定义按钮 我该如何执行此操作 我找到了解决我的问题的方法 如果我使用 我会替换创建按钮project project mo
  • @font-face 字体不起作用

    我正在尝试从本地存储中获取一种可以使用的字体 font face font family const src url const ttf fp title1 font family const trebuchet ms font size
  • 图标字体的正确字体显示值

    font display https www w3 org TR css fonts 4 font display desc是一个新的 CSS 属性 允许开发人员根据字体加载速度是否足够快来控制字体的呈现方式 已经有几篇文章介绍了 使用 f
  • 如何在 Java (NetBeans) 中将禁用按钮的文本颜色更改为黑色?

    我正在使用 NetBeans 用 Ja va 开发 GUI 我喜欢将禁用按钮的文本颜色更改为黑色 以下命令在组合框上运行良好 UIManager getDefaults put ComboBox disabledForeground Col
  • 水平居中绝对定位元素位于另一个元素中心下方

    如何使绝对定位的元素居中于另一个元素的中心下方 使用示例 单击时打开 显示新 绝对定位 元素的日期选择器 lt Center lt Not absolutely positioned element a button Always disp
  • 使用 Bootstrap 粘性导航栏进行 Href 跳转 [重复]

    这个问题在这里已经有答案了 因此 我有一个带有下拉菜单的粘性导航栏 可以让我跳转到页面的不同部分 但是 当我跳转到不同的部分时 导航栏会覆盖我跳转到的 div 的开头 我检查了导航栏 它的高度为 58 带有填充和所有内容 如何将跳转偏移 5
  • 在智能手机上选择尺寸为正常尺寸

    在我的网络应用程序中 我创建了一个选择size 5 正确显示 您可以从图像中看到 当我在移动设备上打开应用程序时 我得到的是这个维度 您如何看到尺寸不正确 我通过代码而不是CSS设置尺寸 我再说一遍 这在桌面上有效 但在移动设备上不起作用
  • 如何找到“display: none”元素的尺寸?

    我在 div 中有一些获取 CSS 的子元素display none应用于它 我想找出子元素的尺寸是多少 我怎样才能做到这一点 小提琴演示 https jsfiddle net h9b17vyk var o document getElem
  • 背景过滤器不适用于 Chrome 中的嵌套元素

    我有一个div outer和里面一个div inner 都与position absolute and backdrop filter blur 8px https jsbin com nihakiqocu 1 edit html css
  • 响应式 CSS 背景图片

    我有一个网站 g floors eu 我想让背景 在CSS中我为内容定义了一个背景图像 也具有响应能力 不幸的是 除了我能想到的一件事之外 我真的不知道如何做到这一点 但这是一个解决方法 创建多个图像 然后使用 css 屏幕大小来更改图像
  • 突出显示所选行 GridView

    当用户从网格视图中单击 编辑 时 我想突出显示该行 这是我所做的 但没有效果 我还缺少什么 SelectedRowStyle background color Yellow
  • 如何在 Bootstrap 4 中的面包屑元素右侧插入按钮?

    我正在使用以下面包屑 ol class breadcrumb li class breadcrumb item a href Home a li li class breadcrumb item active My Account li o
  • 使用 CSS 检查滚动

    我正在尝试创建一个纯 100 CSS 无 jQuery 返回顶部 按钮 但我希 望该按钮仅在访问者向下滚动页面时显示 是否可以用 CSS 来检查这一点 因此 如果访问者向下滚动一点 则会显示 返回顶部 按钮 Thanks 根据光标位置确定
  • Material UI v1.0.0 如何重写Stepper类来设置图标大小

    我现在正在迁移到新版本的 Material UI 我不得不说我有点困惑如何覆盖类 我需要使用Stepper https material ui next com demos stepper 使用替代标签 它对我有用 我能够覆盖根类来设置透明
  • 使用 CSS 实现等高元素

    我读到了几种不同的解决方案来模拟等高的列或元素 但没有一个真正引起我的注意 因为它们使用了 hack 极其复杂的 HTML 布局或未得到广泛支持的属性 这是例子Fiddle http jsfiddle net weppos satgw 我的
  • ngClassOdd/ngClassEven 未按预期工作

    使用 Angular 版本 1 2 15 我发现了一个错误 该错误似乎从版本 1 2 2 开始直到 1 2 15 重现 Plunker 演示 http plnkr co edit 3nExMtZ92AQS7BvLsQ8m p preview
  • css打印模式:仅在生成的word文档的第一页上显示页眉和页脚

    我使用 html 代码成功生成了 Word 文档 其中页眉和页脚以 css 打印模式设置样式 这是我的代码
  • 在无序列表中的项目后面添加管道分隔符,除非该项目是一行中的最后一个

    是否可以设置此 html 的样式 ul li Dogs li li Cats li li Lions li li Tigers li li Zebras li li Giraffes li li Bears li li Hippopotam
  • 反应光滑的幻灯片高度问题

    我无法让这些 React Slick 滑块组件达到相同的高度 它们都是响应式 div 并随着页面大小的变化相应地调整大小 但理想情况下 我希望左侧的 div 与右侧的 div 具有相同的高度 我使用下面的代码片段定义了 SimpleSlid
  • 如何使元素水平居中?

    如何水平居中 div 在另一个内 div 使用CSS div div Foo foo div div With flexbox水平和垂直居中的 div 样式非常容易 inner border 0 05em solid black outer

随机推荐

  • 将 n 分成 k 个组的所有可能方法 - R

    我陷入了一道数学问题 我想创建一个函数 输出将整数 n 分为 k 组的所有方式 使得每个组中 k 至少为1 k gt 1 该函数可能类似于 n ways lt function n k 我想要一个数据帧作为输出 因此对于 n ways 5
  • 执行任务:[clean, :app:assembleDebug] 错误 - Android Studio 3

    我是 android studio 的新人 我正在制作我的第一个应用程序 在之前的 2 3 版本中 我在制作应用程序时没有遇到问题或卡住 但是当我升级到新版本 3 0 时 当我尝试重建 apk 时 我遇到了问题 它停留在Executing
  • Mysql 按日期排序但忽略年份

    我有一张表 里面有一个MysqlDATE字段类型 我正在搜索条目 需要在接下来的 30 天内尽快对条目进行排序 但是 有些条目可能有多年的历史 但由于是重复数据 现在已经过期 对于我正在使用的日期查找DAYOFYEAR效果很好 问题是 我可
  • 如何将外部 JavaScript 与 Shopify 网站结合起来

    我已经使用 Pingdom 测试了我的网站 并建议结合外部 javascript 但我不知道如何使用 shopify 网站来做到这一点 为 Shopify 主题添加外部脚本文件非常简单 您只需将脚本文件上传到主题文件的 asset 文件夹中
  • 将数据库名称与表列表关联

    列出服务器上所有具有模式的表是没有问题的 SELECT SCHEMA NAME schema id name FROM sys tables 如何确定表驻留在哪个数据库中 sys tables 存在于所有数据库中 因此我不遵循您不知道所在数
  • jqGrid中的RowID重置,如何防止它?

    由于某种原因 一旦我从分页中执行任何操作 增加行数 移至下一页等 rowID 就会重置 例如 我总共有 75 条记录 我一次显示 15 条记录 总共我有 3 个页面 每个页面可以显示 15 条记录 当我在第一页显示 1 15 的记录时 我得
  • 如何向特定用户发送消息 Ratchet PHP Websocket

    我正在尝试构建一个系统 用户可以在建立与 websocket 服务器的连接时订阅某个类别 然后他将开始接收该类别的更新 到目前为止 我已经与 Ratchet 合作 我能够向所有连接的客户端发送消息 但问题是我不想向所有客户端发送消息 我只想
  • 一种 O(n) 时间复杂度的算法,用于在数组中查找彼此之间差异最接近的一对 no

    我得到一个不一定已排序的整数数组 我必须找到一对 no 其彼此之间的差异与数组中任何其他对 no 相比最小 时间效率应该是O n 我很确定您无法获得解决此问题的通用线性时间算法 但是 由于您有 有界 整数 因此您可以稍微作弊并从使用基数排序
  • 如何配置python+uwsgi+nginx?

    我正在尝试使用 uwsgi nginx 运行 python 脚本 它在浏览器中导致了这个错误 uWSGI Error Python application not found In var log uwsgi app pyec loc lo
  • 如何使用 PowerShell 从“应用程序和服务日志”中读取分析性 Windows 事件?

    I use Get EventLog https learn microsoft com en us powershell module microsoft powershell management get eventlog读取事件 使用
  • 如何将十六进制字符串转换为无符号字符数组?

    例如 我有一个cstring E8 48 D8 FF FF 8B 0D 包括空格 需要转换为等效的 unsigned char 数组 0xE8 0x48 0xD8 0xFF 0xFF 0x8B 0x0D 什么是有效的方法来做到这一点 谢谢
  • 使用 tsfresh 仅选择一定数量的顶级特征

    如何使用 tsfresh 选择时间序列的前 n 个特征 我可以决定要提取的主要特征的数量吗 基于 Chaitra 的上述评论和这个答案 https stackoverflow com questions 62991201 tsfresh g
  • 应用程序在调试时不会崩溃,但在正常运行时会崩溃

    系统信息 Windows 10 技术预览版 内部版本 9926 Visual Studio 社区 2013尝试调试 美国电话电报公司 Lumia 635 Windows 10 技术预览版 适用于版本 9941 的手机 带有 Lumia Cy
  • GraphQL java以json格式发送自定义错误

    我正在一个 graphql 应用程序中工作 我必须以 json 格式发送自定义错误对象 消息 无论它是出现在 servlet 还是服务中 预期错误响应 errorCode 400 error goes here errorMessage m
  • 在Ruby中通过pid获取进程状态

    有没有办法在 Ruby 中根据 PID 获取进程的子进程状态 例如 在 Python 中 您可以执行 psutil Process pid status 我不知道有一种可移植的 ruby 方法来获取正在运行的进程的进程状态 你可以做Proc
  • 无法通过 SalesForce API (JSforce) 更新自定义日期字段

    我正在使用 Node js 应用程序中的 JSforce 库来更新机会对象上的自定义日期字段 但该字段并未更新 响应表明更新成功 并且对象上的 SystemModstamp 字段已更新 但该字段仍为空 这是我正在使用的 JSforce 调用
  • 应用程序未打开时,GCM 消息未发送?

    最近我在我的应用程序上实现了 GCM 我按照这个网站上的教程代码进行操作 http javapapers com android google cloud messaging gcm for android and push notific
  • 使用 Cloud Functions for Firebase 和 @google-cloud/storage 删除图像时出现问题

    我正在尝试在 Cloud Functions for Firebase 中创建一个脚本 该脚本将对数据库事件做出反应并删除其路径位于其中一个参数 fullPath 中的图像 这是我正在使用的代码 use strict const funct
  • 将 2D numpy 数组转换为 2D numpy 矩阵

    我有一个 python 代码 其中我必须将 2D 数组转换为 2D 矩阵 以便我可以使用它来计算逆 为此 我正在使用 numpy matrix array 但它不起作用 谁能告诉我如何将 2D 数组转换为 numpy 矩阵 该数组由所有浮点
  • 我开始使用诊断 CSS 样式表 例如http snipplr com view 6770 css diagnostics highlight deprecated html with css more http snipplr com vi