值
元素的 value 属性包含一个展示在按钮标签上的字符串。如果没有指定 value 属性,按钮就不会拥有真值。
设置 value 属性
html
省略 value 属性
如果没有指定一个 value 值,按钮将会有一个通过用户代理选择的默认标签值。这个标签可能是“提交”或者“提交查询”,这里有一个默认 label 的提交按钮:
html
额外属性值
除了所有 元素共享的属性外,submit 提交按钮输入还支持以下属性:
formaction
一个字符串,指示要将数据提交到的 URL。这优先于拥有 的
渲染效果如下:
试着输入一些文字到文本字段,然后提交表单。
在提交时,键值对数据将会被发送到服务端。在此列子中,字符串将会是 text=usertext,其中“usertext”是用户输入的字符,它转换为保留的特殊字符。数据提交的方式和位置都由
添加提交的快捷键
键盘快捷键就是使用键盘上的按键,让用户使用按键或组合按键来触发按钮。为了在提交按钮上添加键盘快捷键——就像使用任何有实际意义的 一样——可以使用 accesskey 全局属性。
在此示例中,将 s 指定为访问键(你需要按下键盘上的 s 键加上浏览器或操作系统组合的特定修饰键)。为了避免与用户代理自身的键盘快捷键冲突,请使用不同的修饰键,而不是主机上其他快捷方式的访问键。有关更多详细信息,参见 accesskey。
这是添加了 s 访问键的前一个示例:
html
例如,在 Mac 版 Firefox 中,按 Control-Option-S 会触发“发送”按钮,而 Windows 上的 Chrome 使用 Alt+S。
上面示例的问题是用户将不知道访问键是什么!尤其如此,因为修饰符通常是非标准的以避免冲突。在构建网站时,请确保以不干扰网站设计的方式提供此信息(例如,通过提供易于访问的链接来指向有关网站访问键的信息)。向按钮添加工具提示(使用 title 属性)也可以有所帮助,尽管这并不是出于无障碍目的的完整解决方案。
禁用和启用提交按钮
要禁用提交按钮,只需在其上指定 disabled 全局属性,就像这样:
html
可以在运行时通过简单地将 disabled 设置为 true 或 false 来启用和禁用按钮。在 JavaScript 中,这看起来像 btn.disabled = true 或 btn.disabled = false。
备注:
有关启用和禁用按钮的更多想法,请参见 。
验证方式
提交按钮不参与约束验证;他们没有用于约束的真实值。
例子
我们在上面提供了一些简单的示例。关于提交按钮,实际上没有什么可说的。有时将这种控件称为“简单按钮”是有原因的。
规范
Specification
HTML# submit-button-state-(type=submit)
浏览器兼容性
Loading…
参见
元素和实现它的 HTMLInputElement 接口。
表单与按钮
HTML 表单
CSS 属性兼容性列表
Help improve MDN
Was this page helpful to you?
Yes
No
Learn how to contribute
This page was last modified on 2025年8月6日 by MDN contributors.
View this page on GitHub • Report a problem with this content