<input type="submit">

submit 类型的 <input> 元素会渲染为按钮。当 click 事件发生时（用户点击按钮是一个典型的点击事件），用户代理尝试提交表单到服务器。

展示在按钮标签内字符串


          click

支持的公共属性


          type

和


          value

IDL 属性


         value

DOM 接口

HTMLInputElement

值

<input type="submit"> 元素的 value 属性包含一个展示在按钮标签上的字符串。如果没有指定 value 属性，按钮就不会拥有真值。

设置 value 属性

html

<input type="submit" value="Send Request" />

           
            &lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="省略_value_属性"&gt;&lt;h3 id="省略_value_属性"&gt;&lt;a href="#省略_value_属性"&gt;省略 value 属性&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;如果没有指定一个 &lt;code&gt;value&lt;/code&gt; 值，按钮将会有一个通过用户代理选择的默认标签值。这个标签可能是“提交”或者“提交查询”，这里有一个默认 label 的提交按钮：&lt;/p&gt;
&lt;div class="code-example"&gt;&lt;div class="example-header"&gt;&lt;span class="language-name"&gt;html&lt;/span&gt;&lt;/div&gt;&lt;pre class="brush: html notranslate" data-signature="9XziiCTJpPvXKPOMD9NMZYz10+nHFyT/JAi6vrgJtAs="&gt;&lt;code&gt;&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;submit&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class="code-example" id="sect3"&gt;&lt;div class="example-header" id="sect4"/&gt;&lt;iframe class="sample-code-frame" title="省略 value 属性 sample" id="frame_省略_value_属性" width="650" height="60" src="https://live.mdnplay.dev/zh-CN/docs/Web/HTML/Element/input/submit/runner.html?id=%E7%9C%81%E7%95%A5_value_%E5%B1%9E%E6%80%A7" sandbox="allow-same-origin allow-scripts" loading="lazy"/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="额外属性值"&gt;&lt;h2 id="额外属性值"&gt;&lt;a href="#额外属性值"&gt;额外属性值&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;p&gt;除了所有 &lt;a href="/zh-CN/docs/Web/HTML/Element/input"&gt;&lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素共享的属性外，&lt;code&gt;submit&lt;/code&gt; 提交按钮输入还支持以下属性：&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="formaction"&gt;&lt;h3 id="formaction"&gt;&lt;a href="#formaction"&gt;formaction&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;一个字符串，指示要将数据提交到的 URL。这优先于拥有 &lt;a href="/zh-CN/docs/Web/HTML/Element/input"&gt;&lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;&lt;/a&gt; 的 &lt;a href="/zh-CN/docs/Web/HTML/Element/form"&gt;&lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上的 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#action"&gt;&lt;code&gt;action&lt;/code&gt;&lt;/a&gt; 属性。&lt;/p&gt;
&lt;p&gt;此属性在 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/image"&gt;&lt;code&gt;&amp;lt;input type="image"&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素和 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上也可用。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="formenctype"&gt;&lt;h3 id="formenctype"&gt;&lt;a href="#formenctype"&gt;formenctype&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;一个字符串，标识在将表单数据提交到服务器时要使用的编码方法。有三个允许的值：&lt;/p&gt;
  &lt;dt id="applicationx-www-form-urlencoded"&gt;&lt;a href="#applicationx-www-form-urlencoded"&gt;&lt;code&gt;application/x-www-form-urlencoded&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;这是默认值，它使用 &lt;a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURI"&gt;&lt;code&gt;encodeURI()&lt;/code&gt;&lt;/a&gt; 之类的算法对文本进行 URL 编码后，以字符串形式发送表单数据。&lt;/p&gt;
  &lt;dt id="multipartform-data"&gt;&lt;a href="#multipartform-data"&gt;&lt;code&gt;multipart/form-data&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;使用 &lt;a href="/zh-CN/docs/Web/API/FormData"&gt;&lt;code&gt;FormData&lt;/code&gt;&lt;/a&gt; API 来管理数据，从而允许将文件提交到服务器。如果表单包含 &lt;a href="/zh-CN/docs/Web/HTML/Element/input#type"&gt;&lt;code&gt;type&lt;/code&gt;&lt;/a&gt; &lt;code&gt;file&lt;/code&gt; (&lt;a href="/zh-CN/docs/Web/HTML/Element/input/file"&gt;&lt;code&gt;&amp;lt;input type="file"&amp;gt;&lt;/code&gt;&lt;/a&gt;) 的任何 &lt;a href="/zh-CN/docs/Web/HTML/Element/input"&gt;&lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素，则必须使用此编码类型。&lt;/p&gt;
  &lt;dt id="textplain"&gt;&lt;a href="#textplain"&gt;&lt;code&gt;text/plain&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;纯文本；通常仅对调试有用，调试人员可以轻松查看要提交的数据。&lt;/p&gt;
&lt;p&gt;如果指定了 &lt;code&gt;formenctype&lt;/code&gt; 属性，则该属性的值将覆盖所属表单的 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#action"&gt;&lt;code&gt;action&lt;/code&gt;&lt;/a&gt; 属性。&lt;/p&gt;
&lt;p&gt;此属性在 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/image"&gt;&lt;code&gt;&amp;lt;input type="image"&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素和 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上也可用。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="formmethod"&gt;&lt;h3 id="formmethod"&gt;&lt;a href="#formmethod"&gt;formmethod&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;一个字符串，指示提交表单数据时要使用的 HTTP 方法；此值将覆盖所属表单上给出的任何 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#method"&gt;&lt;code&gt;method&lt;/code&gt;&lt;/a&gt; 属性。允许的值为：&lt;/p&gt;
    &lt;p&gt;URL 通过 &lt;code&gt;formaction&lt;/code&gt; 或 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#action"&gt;&lt;code&gt;action&lt;/code&gt;&lt;/a&gt; 属性给出的 URL 开始，加上一个问号（“?”）字符，然后加上表单的数据，按照 &lt;code&gt;formenctype&lt;/code&gt; 或表单的&lt;a href="/zh-CN/docs/Web/HTML/Element/form#enctype"&gt;&lt;code&gt;enctype&lt;/code&gt;&lt;/a&gt; 属性的描述进行编码。然后使用 HTTP &lt;a href="/zh-CN/docs/Web/HTTP/Methods/GET"&gt;&lt;code&gt;get&lt;/code&gt;&lt;/a&gt; 请求将这个 URL 发送到服务器。这种方法对于只包含 ASCII 字符且没有副作用的简单表单很有效。这是默认值。&lt;/p&gt;
    &lt;p&gt;表单的数据包含在请求的正文中，该请求的正文使用 HTTP &lt;a href="/zh-CN/docs/Web/HTTP/Methods/POST"&gt;&lt;code&gt;post&lt;/code&gt;&lt;/a&gt; 请求发送到由 &lt;code&gt;formaction&lt;/code&gt; 或 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#action"&gt;&lt;code&gt;action&lt;/code&gt;&lt;/a&gt; 属性指定的 URL 请求。此方法支持复杂的数据和文件附件。&lt;/p&gt;
  &lt;dt id="dialog"&gt;&lt;a href="#dialog"&gt;&lt;code&gt;dialog&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;此方法用于指示按钮仅关闭与输入关联的对话框，而根本不传输表单数据。&lt;/p&gt;
&lt;p&gt;此属性在 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/image"&gt;&lt;code&gt;&amp;lt;input type="image"&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素和 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上也可用。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="formnovalidate"&gt;&lt;h3 id="formnovalidate"&gt;&lt;a href="#formnovalidate"&gt;formnovalidate&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;布尔属性，如果存在，则指定在提交给服务器之前不应对表单进行验证。这将覆盖所属表单上的 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#novalidate"&gt;&lt;code&gt;novalidate&lt;/code&gt;&lt;/a&gt; 属性的值。&lt;/p&gt;
&lt;p&gt;此属性在 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/image"&gt;&lt;code&gt;&amp;lt;input type="image"&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素和 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上也可用。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="formtarget"&gt;&lt;h3 id="formtarget"&gt;&lt;a href="#formtarget"&gt;formtarget&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;一个字符串，它指定一个名称或关键字，该名称或关键字指示提交表单后在何处显示收到的响应。该字符串必须是&lt;strong&gt;浏览上下文&lt;/strong&gt;的名称（即选项卡、窗口或 &lt;a href="/zh-CN/docs/Web/HTML/Element/iframe"&gt;&lt;code&gt;&amp;lt;iframe&amp;gt;&lt;/code&gt;&lt;/a&gt;）。此处指定的值将覆盖 &lt;a href="/zh-CN/docs/Web/HTML/Element/form"&gt;&lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt;&lt;/a&gt; 上拥有此输入的 &lt;a href="/zh-CN/docs/Web/HTML/Element/form#target"&gt;&lt;code&gt;target&lt;/code&gt;&lt;/a&gt; 属性。&lt;/p&gt;
&lt;p&gt;除了选项卡、窗口或内联框架的实际名称之外，还可以使用一些特殊的关键字：&lt;/p&gt;
  &lt;dt id="_self"&gt;&lt;a href="#_self"&gt;&lt;code&gt;_self&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;将响应加载到与包含表单的浏览上下文相同的浏览上下文中。这将用接收到的数据替换当前文档。如果未指定，则使用默认值。&lt;/p&gt;
  &lt;dt id="_blank"&gt;&lt;a href="#_blank"&gt;&lt;code&gt;_blank&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;将响应加载到新的未命名浏览上下文中。这通常是一个与当前文档相同的窗口中的新选项卡，但是根据&lt;a href="/zh-CN/docs/Glossary/User_agent"&gt;用户代理&lt;/a&gt;的配置可能会有所不同。&lt;/p&gt;
  &lt;dt id="_parent"&gt;&lt;a href="#_parent"&gt;&lt;code&gt;_parent&lt;/code&gt;&lt;/a&gt;&lt;/dt&gt;
    &lt;p&gt;将响应加载到当前浏览器的父浏览上下文中。如果没有父上下文，则其行为与 &lt;code&gt;_self&lt;/code&gt; 相同。&lt;/p&gt;
    &lt;p&gt;将响应加载到顶级浏览上下文中；这是浏览上下文，它是当前上下文的最高级祖先。如果当前上下文是最顶层的上下文，则其行为与 &lt;code&gt;_self&lt;/code&gt; 相同。&lt;/p&gt;
&lt;p&gt;此属性在 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/image"&gt;&lt;code&gt;&amp;lt;input type="image"&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素和 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素上也可用。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="使用提交按钮"&gt;&lt;h2 id="使用提交按钮"&gt;&lt;a href="#使用提交按钮"&gt;使用提交按钮&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;p&gt;&lt;code&gt;&amp;lt;input type="submit"&amp;gt;&lt;/code&gt; 按钮用于提交表单。如果你想要创建一个自定义的按钮，并通过 JavaScript 自定义按钮的行为，你需要使用 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/button"&gt;&lt;code&gt;&amp;lt;input type="button"&amp;gt;&lt;/code&gt;&lt;/a&gt;，或者，使用更优解的 &lt;a href="/zh-CN/docs/Web/HTML/Element/button"&gt;&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;&lt;/a&gt; 元素。&lt;/p&gt;
&lt;p&gt;如果你选择使用 &lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt; 在表单里创建按钮，请记住：如果 &lt;a href="/zh-CN/docs/Web/HTML/Element/form"&gt;&lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt;&lt;/a&gt; 中只有一个 &lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;，那个按钮将被视为“提交”按钮。你应该随时保证指定哪一个是提交按钮的习惯。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="一个简单的提交按钮"&gt;&lt;h3 id="一个简单的提交按钮"&gt;&lt;a href="#一个简单的提交按钮"&gt;一个简单的提交按钮&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;我们将通过创建含有一个简单的提交按钮的表单来开始：&lt;/p&gt;
&lt;div class="code-example"&gt;&lt;div class="example-header"&gt;&lt;span class="language-name"&gt;html&lt;/span&gt;&lt;/div&gt;&lt;pre class="brush: html notranslate" data-signature="KnUJ5l+SquBZKB5+VCIulFx5QzxJE0W6XEokgdndPek="&gt;&lt;code&gt;&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;label&lt;/span&gt; &lt;span class="token attr-name"&gt;for&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;example&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;我们来提交一些文字吧！&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;label&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;id&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;example&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;text&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;name&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;text&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;submit&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;value&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;发送&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;p&gt;渲染效果如下：&lt;/p&gt;&lt;div class="code-example" id="sect5"&gt;&lt;div class="example-header" id="sect6"/&gt;&lt;iframe class="sample-code-frame" title="一个简单的提交按钮 sample" id="frame_一个简单的提交按钮" width="650" height="100" src="https://live.mdnplay.dev/zh-CN/docs/Web/HTML/Element/input/submit/runner.html?id=%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84%E6%8F%90%E4%BA%A4%E6%8C%89%E9%92%AE" sandbox="allow-same-origin allow-scripts" loading="lazy"/&gt;&lt;/div&gt;
&lt;p&gt;试着输入一些文字到文本字段，然后提交表单。&lt;/p&gt;
&lt;p&gt;在提交时，键值对数据将会被发送到服务端。在此列子中，字符串将会是 &lt;code&gt;text=usertext&lt;/code&gt;，其中“usertext”是用户输入的字符，它转换为保留的特殊字符。数据提交的方式和位置都由 &lt;code&gt;&amp;lt;form&amp;gt;&lt;/code&gt; 的设置决定，参阅&lt;a href="/zh-CN/docs/Learn/Forms/Sending_and_retrieving_form_data"&gt;发送表单数据&lt;/a&gt;文章以获取更多细节。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="添加提交的快捷键"&gt;&lt;h3 id="添加提交的快捷键"&gt;&lt;a href="#添加提交的快捷键"&gt;添加提交的快捷键&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;键盘快捷键就是使用键盘上的按键，让用户使用按键或组合按键来触发按钮。为了在提交按钮上添加键盘快捷键——就像使用任何有实际意义的 &lt;a href="/zh-CN/docs/Web/HTML/Element/input"&gt;&lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;&lt;/a&gt; 一样——可以使用 &lt;a href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey"&gt;&lt;code&gt;accesskey&lt;/code&gt;&lt;/a&gt; 全局属性。&lt;/p&gt;
&lt;p&gt;在此示例中，将 &lt;kbd&gt;s&lt;/kbd&gt; 指定为访问键（你需要按下键盘上的 &lt;kbd&gt;s&lt;/kbd&gt; 键加上浏览器或操作系统组合的特定修饰键）。为了避免与用户代理自身的键盘快捷键冲突，请使用不同的修饰键，而不是主机上其他快捷方式的访问键。有关更多详细信息，参见 &lt;a href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey"&gt;&lt;code&gt;accesskey&lt;/code&gt;&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;这是添加了 &lt;kbd&gt;s&lt;/kbd&gt; 访问键的前一个示例：&lt;/p&gt;
&lt;div class="code-example"&gt;&lt;div class="example-header"&gt;&lt;span class="language-name"&gt;html&lt;/span&gt;&lt;/div&gt;&lt;pre class="brush: html notranslate" data-signature="jRrMCT+1jBsIYOYbNlPkoTCTXHbD3CkvNLFGk7B0wfo="&gt;&lt;code&gt;&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;label&lt;/span&gt; &lt;span class="token attr-name"&gt;for&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;example&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;我们来提交一些文字吧！&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;label&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;id&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;example&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;text&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;name&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;text&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;submit&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;value&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;发送&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;accesskey&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;s&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class="token punctuation"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;p&gt;例如，在 Mac 版 Firefox 中，按 &lt;kbd&gt;Control&lt;/kbd&gt;-&lt;kbd&gt;Option&lt;/kbd&gt;-&lt;kbd&gt;S&lt;/kbd&gt; 会触发“发送”按钮，而 Windows 上的 Chrome 使用 &lt;kbd&gt;Alt&lt;/kbd&gt;+&lt;kbd&gt;S&lt;/kbd&gt;。&lt;/p&gt;&lt;div class="code-example" id="sect7"&gt;&lt;div class="example-header" id="sect8"/&gt;&lt;iframe class="sample-code-frame" title="添加提交的快捷键 sample" id="frame_添加提交的快捷键" width="650" height="100" src="https://live.mdnplay.dev/zh-CN/docs/Web/HTML/Element/input/submit/runner.html?id=%E6%B7%BB%E5%8A%A0%E6%8F%90%E4%BA%A4%E7%9A%84%E5%BF%AB%E6%8D%B7%E9%94%AE" sandbox="allow-same-origin allow-scripts" loading="lazy"/&gt;&lt;/div&gt;
&lt;p&gt;上面示例的问题是用户将不知道访问键是什么！尤其如此，因为修饰符通常是非标准的以避免冲突。在构建网站时，请确保以不干扰网站设计的方式提供此信息（例如，通过提供易于访问的链接来指向有关网站访问键的信息）。向按钮添加工具提示（使用 &lt;a href="/zh-CN/docs/Web/HTML/Global_attributes/title"&gt;&lt;code&gt;title&lt;/code&gt;&lt;/a&gt; 属性）也可以有所帮助，尽管这并不是出于无障碍目的的完整解决方案。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="禁用和启用提交按钮"&gt;&lt;h3 id="禁用和启用提交按钮"&gt;&lt;a href="#禁用和启用提交按钮"&gt;禁用和启用提交按钮&lt;/a&gt;&lt;/h3&gt;&lt;div class="section-content"&gt;&lt;p&gt;要禁用提交按钮，只需在其上指定 &lt;a href="/zh-CN/docs/Web/HTML/Attributes/disabled"&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/a&gt; 全局属性，就像这样：&lt;/p&gt;
&lt;div class="code-example"&gt;&lt;div class="example-header"&gt;&lt;span class="language-name"&gt;html&lt;/span&gt;&lt;/div&gt;&lt;pre class="brush: html notranslate" data-signature="D1tcgj5wwXFoHTwUpJMqnOiZxyJWmujDGFVi5Eh+tKs="&gt;&lt;code&gt;&lt;span class="token tag"&gt;&lt;span class="token tag"&gt;&lt;span class="token punctuation"&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class="token attr-name"&gt;type&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;submit&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;value&lt;/span&gt;&lt;span class="token attr-value"&gt;&lt;span class="token punctuation attr-equals"&gt;=&lt;/span&gt;&lt;span class="token punctuation"&gt;"&lt;/span&gt;发送&lt;span class="token punctuation"&gt;"&lt;/span&gt;&lt;/span&gt; &lt;span class="token attr-name"&gt;disabled&lt;/span&gt; &lt;span class="token punctuation"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;p&gt;可以在运行时通过简单地将 &lt;code&gt;disabled&lt;/code&gt; 设置为 &lt;code&gt;true&lt;/code&gt; 或 &lt;code&gt;false&lt;/code&gt; 来启用和禁用按钮。在 JavaScript 中，这看起来像 &lt;code&gt;btn.disabled = true&lt;/code&gt; 或 &lt;code&gt;btn.disabled = false&lt;/code&gt;。&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;备注：&lt;/strong&gt;有关启用和禁用按钮的更多想法，请参见 &lt;a href="/zh-CN/docs/Web/HTML/Element/input/button#disabling_and_enabling_a_button"&gt;&lt;code&gt;&amp;lt;input type="button"&amp;gt;&lt;/code&gt;&lt;/a&gt; 。&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="验证方式"&gt;&lt;h2 id="验证方式"&gt;&lt;a href="#验证方式"&gt;验证方式&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;p&gt;提交按钮不参与约束验证；他们没有用于约束的真实值。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="例子"&gt;&lt;h2 id="例子"&gt;&lt;a href="#例子"&gt;例子&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;p&gt;我们在上面提供了一些简单的示例。关于提交按钮，实际上没有什么可说的。有时将这种控件称为“简单按钮”是有原因的。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;h2 id="规范"&gt;&lt;a href="#规范"&gt;规范&lt;/a&gt;&lt;/h2&gt;&lt;table class="standard-table"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th scope="col"&gt;Specification&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href="https://html.spec.whatwg.org/multipage/input.html#submit-button-state-(type=submit)"&gt;HTML Standard&lt;!-- --&gt; &lt;br/&gt;&lt;small&gt;# &lt;!-- --&gt;submit-button-state-(type=submit)&lt;/small&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2 id="浏览器兼容性"&gt;&lt;a href="#浏览器兼容性"&gt;浏览器兼容性&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;BCD tables only load in the browser&lt;/p&gt;&lt;noscript&gt; &lt;!-- --&gt;with JavaScript enabled. Enable JavaScript to view data.&lt;/noscript&gt;&lt;section aria-labelledby="参见"&gt;&lt;h2 id="参见"&gt;&lt;a href="#参见"&gt;参见&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;ul&gt;
           
          