Jquery 推荐创建触发javascript和提交的HTML按钮的方法?
我正在为一个新网站创建一些核心组件,现在正在使用按钮。有几种方法可以创建一个HTML按钮,但我正在寻找一种通用的方法,如果有的话 一个按钮有两个关键功能 悬停效应 图像背景 可以在按钮上放置比文本更多的元素 链接到其他网页 提交表格 文本 搜索引擎优化兼容 与IE 9及更高版本一起工作 由于自动悬停,我一直在使用常规链接,但在使用onclick时,将href设置为不合适 Jquery有一些帮助函数,但我真的不喜欢在按钮元素本身没有声明的情况下将代码绑定到按钮 也许一个常规的div:悬停效果是最好的方式 还是应该为我需要的每种类型创建一个按钮?提交,链接,javascriptJquery 推荐创建触发javascript和提交的HTML按钮的方法?,jquery,html,css,Jquery,Html,Css,我正在为一个新网站创建一些核心组件,现在正在使用按钮。有几种方法可以创建一个HTML按钮,但我正在寻找一种通用的方法,如果有的话 一个按钮有两个关键功能 悬停效应 图像背景 可以在按钮上放置比文本更多的元素 链接到其他网页 提交表格 文本 搜索引擎优化兼容 与IE 9及更高版本一起工作 由于自动悬停,我一直在使用常规链接,但在使用onclick时,将href设置为不合适 Jquery有一些帮助函数,但我真的不喜欢在按钮元素本身没有声明的情况下将代码绑定到按钮 也许一个常规的div:悬停效果是最好
是否有最佳实践?正如您上面所说,有些按钮适用于某些情况: 如果您试图为表单创建按钮,那么,将是一种方法,我不建议将其用作链接的按钮,因为它是为元素创建的 现在,对于其他页面的链接,几乎所有的HTML元素SP、h1、h2、li、div等都支持从中创建按钮,只要您将styledborders等正确悬停。示例:菜单项大多数情况下是使用标记创建的按钮。当然,正如@JacobGray所说的那样,这个方法是创建一个合适的、语义上的、最简单的方法 关于背景图像:所有这些表单按钮和其他元素都支持背景图像更改。只要您根据按钮的大小缩放图像 关于javascript事件,只要您标识希望javascript处理的元素,所有事件都将支持。正如我在评论中所说。。。最简单的方法是: 元素比元素更容易设置样式。您可以添加内部HTML内容think,甚至,并使用:after和:before伪元素来实现复杂的呈现,同时只接受文本值属性。 button元素可用于提交表单,事实上,它甚至有一个用于此目的的属性:
<button type="submit">Submit</button>
该按钮将表单数据提交到服务器。这是默认值,如果
未指定该属性,或者该属性是动态的
已更改为空值或无效值
在大多数浏览器中,不需要type=submit属性,单击按钮即可提交表单。
允许的其他类型包括:
类型=重置:按钮将所有控件重置为其初始值
价值观
类型=按钮:按钮没有默认行为。它可以有
与元素的事件关联的客户端脚本
事件发生时触发
您可以在和上找到更多信息。。。这几乎是通用的,您不需要将href设置为。还有其他方法可以阻止单击定位标记。请看:@AlliterativeAlice,不错,但我在某个地方读到链接是用于链接的,不应该用作按钮?这是真的吗?还是可以用链接作为按钮?@JacobGray,听起来不错,我会留意的。也可以将其用作表单中的submit吗?@Banshee请看我的答案:可以使用javascript提交表单,因此仅使用button元素就可以解决所有按钮问题?还是走错了路?我是否仍应使用表单输入?