new repository

1 files changed, 160 insertions, 0 deletions

diff --git a/devdocs/html/element%2Finput%2Fsubmit.html b/devdocs/html/element%2Finput%2Fsubmit.html
new file mode 100644
index 00000000..b1779a3a
--- /dev/null
+++ b/devdocs/html/element%2Finput%2Fsubmit.html
@@ -0,0 +1,160 @@
+<header><h1>&lt;input type="submit"&gt;</h1></header><div class="section-content"><p><a href="../input"><code>&lt;input&gt;</code></a> elements of type <code>submit</code> are rendered as buttons. When the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event"><code>click</code></a> event occurs (typically because the user clicked the button), the <a href="https://developer.mozilla.org/en-US/docs/Glossary/User_agent">user agent</a> attempts to submit the form to the server.</p></div>
+<h2 id="value">Value</h2>
+<div class="section-content"><p>An <code>&lt;input type="submit"&gt;</code> element's <a href="../input#value"><code>value</code></a> attribute contains a string which is displayed as the button's label. Buttons do not have a true value otherwise.</p></div>
+<h3 id="setting_the_value_attribute">Setting the value attribute</h3>
+<div class="section-content">
+<div class="code-example">
+<p class="example-header"><span class="language-name">html</span></p>
+<pre data-signature="Iad9SdiITwbaZsfhVkuq1ca4xsTOhxrbOjWaRKzcUoI=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Send Request<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+</pre>
+</div>
+<div class="code-example" id="sect1">
+
+<iframe class="sample-code-frame" title="Setting the value attribute sample" id="frame_setting_the_value_attribute" width="650" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/submit/runner.html?id=setting_the_value_attribute" loading="lazy"></iframe>
+</div>
+</div>
+<h3 id="omitting_the_value_attribute">Omitting the value attribute</h3>
+<div class="section-content">
+<p>If you don't specify a <code>value</code>, the button will have a default label, chosen by the user agent. This label is likely to be something along the lines of "Submit" or "Submit Query." Here's an example of a submit button with a default label in your browser:</p> <div class="code-example">
+<p class="example-header"><span class="language-name">html</span></p>
+<pre data-signature="9XziiCTJpPvXKPOMD9NMZYz10+nHFyT/JAi6vrgJtAs=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+</pre>
+</div>
+<div class="code-example" id="sect2">
+
+<iframe class="sample-code-frame" title="Omitting the value attribute sample" id="frame_omitting_the_value_attribute" width="650" height="60" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/submit/runner.html?id=omitting_the_value_attribute" loading="lazy"></iframe>
+</div>
+</div>
+<h2 id="additional_attributes">Additional attributes</h2>
+<div class="section-content"><p>In addition to the attributes shared by all <a href="../input"><code>&lt;input&gt;</code></a> elements, <code>submit</code> button inputs support the following attributes.</p></div>
+<h3 id="formaction">formaction</h3>
+<div class="section-content">
+<p>A string indicating the URL to which to submit the data. This takes precedence over the <a href="../form#action"><code>action</code></a> attribute on the <a href="../form"><code>&lt;form&gt;</code></a> element that owns the <a href="../input"><code>&lt;input&gt;</code></a>.</p> <p>This attribute is also available on <a href="image"><code>&lt;input type="image"&gt;</code></a> and <a href="../button"><code>&lt;button&gt;</code></a> elements.</p>
+</div>
+<h3 id="formenctype">formenctype</h3>
+<div class="section-content">
+<p>A string that identifies the encoding method to use when submitting the form data to the server. There are three permitted values:</p> <dl> <dt id="applicationx-www-form-urlencoded"><a href="#applicationx-www-form-urlencoded"><code>application/x-www-form-urlencoded</code></a></dt> <dd> <p>This, the default value, sends the form data as a string after <a href="https://en.wikipedia.org/wiki/URL_encoding" target="_blank">URL encoding</a> the text using an algorithm such as <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI"><code>encodeURI()</code></a>.</p> </dd> <dt id="multipartform-data"><a href="#multipartform-data"><code>multipart/form-data</code></a></dt> <dd> <p>Uses the <a href="https://developer.mozilla.org/en-US/docs/Web/API/FormData"><code>FormData</code></a> API to manage the data, allowing for files to be submitted to the server. You <em>must</em> use this encoding type if your form includes any <a href="../input"><code>&lt;input&gt;</code></a> elements of <a href="../input#type"><code>type</code></a> <code>file</code> (<a href="file"><code>&lt;input type="file"&gt;</code></a>).</p> </dd> <dt id="textplain"><a href="#textplain"><code>text/plain</code></a></dt> <dd> <p>Plain text; mostly useful only for debugging, so you can easily see the data that's to be submitted.</p> </dd> </dl> <p>If specified, the value of the <code>formenctype</code> attribute overrides the owning form's <a href="../form#action"><code>action</code></a> attribute.</p> <p>This attribute is also available on <a href="image"><code>&lt;input type="image"&gt;</code></a> and <a href="../button"><code>&lt;button&gt;</code></a> elements.</p>
+</div>
+<h3 id="formmethod">formmethod</h3>
+<div class="section-content">
+<p>A string indicating the HTTP method to use when submitting the form's data; this value overrides any <a href="../form#method"><code>method</code></a> attribute given on the owning form. Permitted values are:</p> <dl> <dt id="get"><a href="#get"><code>get</code></a></dt> <dd> <p>A URL is constructed by starting with the URL given by the <code>formaction</code> or <a href="../form#action"><code>action</code></a> attribute, appending a question mark ("?") character, then appending the form's data, encoded as described by <code>formenctype</code> or the form's <a href="../form#enctype"><code>enctype</code></a> attribute. This URL is then sent to the server using an HTTP <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/GET"><code>get</code></a> request. This method works well for simple forms that contain only <a href="https://developer.mozilla.org/en-US/docs/Glossary/ASCII">ASCII</a> characters and have no side effects. This is the default value.</p> </dd> <dt id="post"><a href="#post"><code>post</code></a></dt> <dd> <p>The form's data is included in the body of the request that is sent to the URL given by the <code>formaction</code> or <a href="../form#action"><code>action</code></a> attribute using an HTTP <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST"><code>post</code></a> method. This method supports complex data and file attachments.</p> </dd> <dt id="dialog"><a href="#dialog"><code>dialog</code></a></dt> <dd> <p>This method is used to indicate that the button closes the dialog with which the input is associated, and does not transmit the form data at all.</p> </dd> </dl> <p>This attribute is also available on <a href="image"><code>&lt;input type="image"&gt;</code></a> and <a href="../button"><code>&lt;button&gt;</code></a> elements.</p>
+</div>
+<h3 id="formnovalidate">formnovalidate</h3>
+<div class="section-content">
+<p>A Boolean attribute which, if present, specifies that the form should not be validated before submission to the server. This overrides the value of the <a href="../form#novalidate"><code>novalidate</code></a> attribute on the element's owning form.</p> <p>This attribute is also available on <a href="image"><code>&lt;input type="image"&gt;</code></a> and <a href="../button"><code>&lt;button&gt;</code></a> elements.</p>
+</div>
+<h3 id="formtarget">formtarget</h3>
+<div class="section-content">
+<p>A string which specifies a name or keyword that indicates where to display the response received after submitting the form. The string must be the name of a <strong>browsing context</strong> (that is, a tab, window, or <a href="../iframe"><code>&lt;iframe&gt;</code></a>). A value specified here overrides any target given by the <a href="../form#target"><code>target</code></a> attribute on the <a href="../form"><code>&lt;form&gt;</code></a> that owns this input.</p> <p>In addition to the actual names of tabs, windows, or inline frames, there are a few special keywords that can be used:</p> <dl> <dt id="_self"><a href="#_self"><code>_self</code></a></dt> <dd> <p>Loads the response into the same browsing context as the one that contains the form. This will replace the current document with the received data. This is the default value used if none is specified.</p> </dd> <dt id="_blank"><a href="#_blank"><code>_blank</code></a></dt> <dd> <p>Loads the response into a new, unnamed, browsing context. This is typically a new tab in the same window as the current document, but may differ depending on the configuration of the <a href="https://developer.mozilla.org/en-US/docs/Glossary/User_agent">user agent</a>.</p> </dd> <dt id="_parent"><a href="#_parent"><code>_parent</code></a></dt> <dd> <p>Loads the response into the parent browsing context of the current one. If there is no parent context, this behaves the same as <code>_self</code>.</p> </dd> <dt id="_top"><a href="#_top"><code>_top</code></a></dt> <dd> <p>Loads the response into the top-level browsing context; this is the browsing context that is the topmost ancestor of the current context. If the current context is the topmost context, this behaves the same as <code>_self</code>.</p> </dd> </dl> <p>This attribute is also available on <a href="image"><code>&lt;input type="image"&gt;</code></a> and <a href="../button"><code>&lt;button&gt;</code></a> elements.</p>
+</div>
+<h2 id="using_submit_buttons">Using submit buttons</h2>
+<div class="section-content">
+<p><code>&lt;input type="submit"&gt;</code> buttons are used to submit forms. If you want to create a custom button and then customize the behavior using JavaScript, you need to use <a href="button"><code>&lt;input type="button"&gt;</code></a>, or better still, a <a href="../button"><code>&lt;button&gt;</code></a> element.</p> <p>If you choose to use <code>&lt;button&gt;</code> elements to create the buttons in your form, keep this in mind: If the <code>&lt;button&gt;</code> is inside a <a href="../form"><code>&lt;form&gt;</code></a>, that button will be treated as the "submit" button. So you should be in the habit of expressly specifying which button is the submit button.</p>
+</div>
+<h3 id="a_simple_submit_button">A simple submit button</h3>
+<div class="section-content">
+<p>We'll begin by creating a form with a simple submit button:</p> <div class="code-example">
+<p class="example-header"><span class="language-name">html</span></p>
+<pre data-signature="iaL7MHRcae7FuABNcbmaI9FKC0pgQgoeaY2jBRyTd6o=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>example<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Let's submit some text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>example<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Send<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
+</pre>
+</div> <p>This renders like so:</p>
+<div class="code-example" id="sect3">
+
+<iframe class="sample-code-frame" title="A simple submit button sample" id="frame_a_simple_submit_button" width="650" height="100" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/submit/runner.html?id=a_simple_submit_button" loading="lazy"></iframe>
+</div> <p>Try entering some text into the text field, and then submitting the form.</p> <p>Upon submitting, the data name/value pair gets sent to the server. In this instance, the string will be <code>text=usertext</code>, where "usertext" is the text entered by the user, encoded to preserve special characters. Where and how the data is submitted depends on the configuration of the <code>&lt;form&gt;</code>; see <a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_and_retrieving_form_data">Sending form data</a> for more details.</p>
+</div>
+<h3 id="adding_a_keyboard_shortcut_to_a_submit_button">Adding a keyboard shortcut to a submit button</h3>
+<div class="section-content">
+<p>Keyboard shortcuts, also known as access keys and keyboard equivalents, let the user trigger a button using a key or combination of keys on the keyboard. To add a keyboard shortcut to a submit button — just as you would with any <a href="../input"><code>&lt;input&gt;</code></a> for which it makes sense — you use the <a href="../../global_attributes/accesskey"><code>accesskey</code></a> global attribute.</p> <p>In this example, <kbd>s</kbd> is specified as the access key (you'll need to press <kbd>s</kbd> plus the particular modifier keys for your browser/OS combination). In order to avoid conflicts with the user agent's own keyboard shortcuts, different modifier keys are used for access keys than for other shortcuts on the host computer. See <a href="../../global_attributes/accesskey"><code>accesskey</code></a> for further details.</p> <p>Here's the previous example with the <kbd>s</kbd> access key added:</p> <div class="code-example">
+<p class="example-header"><span class="language-name">html</span></p>
+<pre data-signature="aUkdr6Tr6+e7VvXKC4XfqnnkhmlVGqB2Eq4qhnHOtj8=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>example<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Let's submit some text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>example<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Send<span class="token punctuation">"</span></span> <span class="token attr-name">accesskey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>s<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>
+</pre>
+</div> <p>For example, in Firefox for Mac, pressing <kbd>Control</kbd>-<kbd>Option</kbd>-<kbd>S</kbd> triggers the Send button, while Chrome on Windows uses <kbd>Alt</kbd>+<kbd>S</kbd>.</p>
+<div class="code-example" id="sect4">
+
+<iframe class="sample-code-frame" title="Adding a keyboard shortcut to a submit button sample" id="frame_adding_a_keyboard_shortcut_to_a_submit_button" width="650" height="100" src="https://live.mdnplay.dev/en-US/docs/Web/HTML/Element/input/submit/runner.html?id=adding_a_keyboard_shortcut_to_a_submit_button" loading="lazy"></iframe>
+</div> <p>The problem with the above example is that the user will not know what the access key is! This is especially true since the modifiers are typically non-standard to avoid conflicts. When building a site, be sure to provide this information in a way that doesn't interfere with the site design (for example by providing an easily accessible link that points to information on what the site access keys are). Adding a tooltip to the button (using the <a href="../../global_attributes/title"><code>title</code></a> attribute) can also help, although it's not a complete solution for accessibility purposes.</p>
+</div>
+<h3 id="disabling_and_enabling_a_submit_button">Disabling and enabling a submit button</h3>
+<div class="section-content">
+<p>To disable a submit button, specify the <a href="../../attributes/disabled"><code>disabled</code></a> attribute on it, like so:</p> <div class="code-example">
+<p class="example-header"><span class="language-name">html</span></p>
+<pre data-signature="kPAtfE9Bey+Jqe3PqeX+PqPgh4ROMvbixxEqEYHQomQ=" data-language="html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Send<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span> <span class="token punctuation">/&gt;</span></span>
+</pre>
+</div> <p>You can enable and disable buttons at run time by setting <code>disabled</code> to <code>true</code> or <code>false</code>; in JavaScript this looks like <code>btn.disabled = true</code> or <code>btn.disabled = false</code>.</p> <div class="notecard note" id="sect5"> <p><strong>Note:</strong> See the <a href="button#disabling_and_enabling_a_button"><code>&lt;input type="button"&gt;</code></a> page for more ideas about enabling and disabling buttons.</p> </div>
+</div>
+<h2 id="validation">Validation</h2>
+<div class="section-content"><p>Submit buttons don't participate in constraint validation; they have no real value to be constrained.</p></div>
+<h2 id="examples">Examples</h2>
+<div class="section-content"><p>We've included simple examples above. There isn't really anything more to say about submit buttons. There's a reason this kind of control is sometimes called a "simple button."</p></div>
+<h2 id="technical_summary">Technical Summary</h2>
+<div class="section-content"><figure class="table-container"><div class="_table"><table class="properties"> <tbody> <tr> <td><strong><a href="#value">Value</a></strong></td> <td>A string used as the button's label</td> </tr> <tr> <td><strong>Events</strong></td> <td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event"><code>click</code></a></td> </tr> <tr> <td><strong>Supported common attributes</strong></td> <td> <a href="../input#type"><code>type</code></a> and <a href="../input#value"><code>value</code></a> </td> </tr> <tr> <td><strong>IDL attributes</strong></td> <td><code>value</code></td> </tr> <tr> <td><strong>DOM interface</strong></td> <td> <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a></p> </td> </tr> <tr> <td><strong>Methods</strong></td> <td>None</td> </tr> <tr> <td><strong>Implicit ARIA Role</strong></td> <td><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role"><code>button</code></a></td> </tr> </tbody> </table></div></figure></div>
+<h2 id="specifications">Specifications</h2>
+<div class="_table"><table class="standard-table">
+<thead><tr><th scope="col">Specification</th></tr></thead>
+<tbody><tr><td><a href="https://html.spec.whatwg.org/multipage/input.html#submit-button-state-(type=submit)">HTML Standard <br><small># submit-button-state-(type=submit)</small></a></td></tr></tbody>
+</table></div>
+<h2 id="browser_compatibility">Browser compatibility</h2>
+<div class="_table"><table>
+<thead>
+<tr id="bct-browser-type">
+<th></th>
+<th colspan="6">Desktop</th>
+<th colspan="6">Mobile</th>
+</tr>
+<tr id="bct-browsers">
+<th></th>
+<th>Chrome</th>
+<th>Edge</th>
+<th>Firefox</th>
+<th>Internet Explorer</th>
+<th>Opera</th>
+<th>Safari</th>
+<th>WebView Android</th>
+<th>Chrome Android</th>
+<th>Firefox for Android</th>
+<th>Opera Android</th>
+<th>Safari on IOS</th>
+<th>Samsung Internet</th>
+</tr>
+</thead>
+<tbody><tr>
+<th><code>submit</code></th>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">12</td>
+<td class="bc-supports-yes"><details><summary>1</summary>Unlike other browsers, Firefox by default <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persists the dynamic disabled state</a> of a <code>&lt;button&gt;</code> across page loads. Use the <code><a href="https://developer.mozilla.org/docs/Web/HTML/Element/button#attr-autocomplete">autocomplete</a></code> attribute to control this feature.</details></td>
+<td class="bc-supports-yes">Yes</td>
+<td class="bc-supports-yes">15</td>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">4.4</td>
+<td class="bc-supports-yes">18</td>
+<td class="bc-supports-yes"><details><summary>4</summary>Unlike other browsers, Firefox by default <a href="https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persists the dynamic disabled state</a> of a <code>&lt;button&gt;</code> across page loads. Use the <code><a href="https://developer.mozilla.org/docs/Web/HTML/Element/button#attr-autocomplete">autocomplete</a></code> attribute to control this feature.</details></td>
+<td class="bc-supports-yes">14</td>
+<td class="bc-supports-yes">1</td>
+<td class="bc-supports-yes">1.0</td>
+</tr></tbody>
+</table></div>
+<h2 id="see_also">See also</h2>
+<div class="section-content"><ul> <li>
+<a href="../input"><code>&lt;input&gt;</code></a> and the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement"><code>HTMLInputElement</code></a> interface which implements it.</li> <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Basic_native_form_controls#actual_buttons">Forms and buttons</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms">HTML forms</a></li> <li>The <a href="../button"><code>&lt;button&gt;</code></a> element</li> <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Property_compatibility_table_for_form_controls">Compatibility of CSS properties</a></li> </ul></div><div class="_attribution">
+  <p class="_attribution-p">
+    &copy; 2005&ndash;2023 MDN contributors.<br>Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.<br>
+    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit</a>
+  </p>
+</div>