資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML 的 button 標籤在表單外部是否有效？
本文將教會我們，HTML 的 button 標籤在表單外部是有效的。在開始之前，讓我們簡單瞭解一下 HTML 的 <button> 標籤。
HTML <button> 標籤
HTML 的 <button> 使用 <button> 元素建立。在開始和結束標籤之間，任何文字都將顯示為按鈕上的文字。
語法
以下是 HTML <button> 標籤的語法
<button type= “..”></button>
在允許使用文字級標記的文件主體中的任何位置，都可以使用按鈕元素。此類元素不需要與表單元素相關聯。儘管按鈕元素具有獨特的預設呈現方式，但最好僅將按鈕用於點選時旨在執行特定操作的專案。
表單外部的按鈕元素的 type 屬性預設為 button。這表示只能透過 JavaScript 使其發揮作用。但是，您可以考慮使用 JavaScript 建立此類按鈕，而不是將其作為靜態 HTML 文字。
以下是 HTML 按鈕標籤在表單外部有效的示例。
示例
在以下示例中，我們使用 formid 和 div 在表單外部建立按鈕。
<!DOCTYPE html>
<html>
<body>
<div>
<form id="my tutorial" action="https://tutorialspoint.tw/index.htm">
<label for="fname">NAME:</label>
<input type="text" name="fname"></input>
</form>
<button type="submit" form="my tutorial">SUBMIT</button>
</div>
</body>
</html>
當指令碼執行時，它將生成一個包含姓名輸入欄位和提交按鈕的輸出。當您點選提交按鈕時，表單將提交到提到的表單操作。
更新於: 2022-12-15
2K+ 次檢視
廣告