"submit"類型的元素呈現為提交按鈕 - 單擊一個將嘗試提交表單到服務器。

值用作按鈕標簽的DOMString活動點擊

支持的通用屬性類型和價值

IDL屬性值

方法沒有

值

元素的value屬性包含一個 DOMString作為按鈕的標簽

如果你不指定一個value，你會得到一個默認標簽，如提交 / 提交查詢(取決于瀏覽器)的按鈕：

使用提交按鈕

按鈕用于提交表單。如果你想創建一個自定義的按鈕，然后使用JavaScript自定義行為，你需要使用或更好的元素。

但是，您需要注意的是，如果您只在表單(例如My button)中包含單個按鈕元素，則瀏覽器會將其計為提交按鈕。除了可能要包含的任何其他按鈕之外，還需要顯式聲明提交按鈕。

一個簡單的提交按鈕

我們將開始創建一個簡單的提交按鈕：

Let's?submit?some?text????????

呈現如下：

嘗試在文本字段中輸入一些文本，然后提交表單。

提交后，在這種情況下發送到服務器的數據鍵/值對text=mytext將根據您在文本字段中輸入的文本而定。提交數據的地點和方式取決于您如何設置

屬性(和其他詳細信息) 。

添加提交鍵盤快捷鍵

鍵盤快捷鍵(也稱為訪問鍵和鍵盤等價物)可讓用戶使用鍵盤上的鍵或鍵組合來觸發按鈕。要將鍵盤快捷鍵添加到提交按鈕 - 就像使用任何有意義的鍵一樣 - 可以使用accesskey全局屬性。

在這個例子中，s被指定為訪問鍵(您需要按s加上您的瀏覽器/操作系統組合的特定修飾鍵;請參閱accesskey這些鍵的有用列表)。

Let's?submit?some?text

注意：以上例子的問題當然是用戶不知道訪問密鑰是什么！在真實網站中，您必須以不干擾網站設計的方式提供此信息(例如，通過提供易于訪問的鏈接指向網站訪問鍵的信息)。

禁用和啟用提交按鈕

要禁用提交按鈕，只需disabled在其上指定全局屬性，如下所示：

您可以在運行時通過設置disabled為true或來啟用和禁用按鈕false; 在JavaScript中，這看起來像btn.disabled = true。

注意：請參閱頁面以獲取有關啟用/禁用按鈕的更多信息。

注：Firefox將不像其他的瀏覽器，默認情況下，堅持動態禁用狀態一的整個頁面加載。使用該autocomplete屬性來控制此功能。

驗證

提交按鈕不參與約束驗證; 他們沒有被可約束的值

例子

我們已經包含上面的簡單例子。關于提交按鈕沒有什么可說的。

規范

規范狀態HTML生活標準在該規范中定義了''。生活水平

HTML5該規范中的'的定義。建議

瀏覽器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafariBasic support1.01.0 (1.7 or earlier)(Yes)(Yes)1.0

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileBasic support(Yes)4.0 (4.0)(Yes)(Yes)(Yes)

總結

以上是生活随笔為你收集整理的html5 type submit,input type=submit的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。