資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何同時切換按鈕和提交表單？
每個HTML表單都有一個與伺服器端互動的action屬性。提交表單時，HTML action屬性用於指定表單資料應傳輸到伺服器的地址。每個按鈕都會將我們帶到相同的位置，因為action屬性儲存了我們資料的目標地址。
HTML按鈕
可點選按鈕由<button>標籤定義。您可以在<button>元素內插入文字（以及<i> <b>，<strong>，<br>和<img>等標籤）。使用<input>元素建立的按鈕，這是不可行的。
語法
以下是HTML <button>的語法。
<form action="#" method="post"> <button type="submit">click</button> </form>
為了更好地理解如何同時切換按鈕和提交表單。
示例
在下面的示例中，我們建立了一個表單，它可以同時提交表單和切換按鈕。
<!DOCTYPE html>
<html>
<body>
<form action="https://tutorialspoint.tw/index.htm" method="post">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br><br>
<button type="submit" formaction="https://tutorialspoint.tw/index.htm">
Signin
</button>
</form>
</body>
</html>
當指令碼執行時，它將生成一個包含輸入欄位和點選按鈕的表單，顯示在網頁上。當用戶點選按鈕時，表單將被提交，並顯示一個新頁面。
示例
考慮以下示例，我們建立一個表單，製作切換按鈕，並同時提交表單。
<!DOCTYPE html>
<html>
<body style="background-color:#D5F5E3 ;">
<form action="https://tutorialspoint.tw/index.htm" method="post">
<label for="courses">Choose Courses:</label>
<select name="courses" id="courses">
<option value="HTML">HTML</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
<option value="CSS">CSS</option>
</select>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
執行上述指令碼後，將彈出輸出視窗，顯示下拉列表和提交按鈕。當用戶點選提交按鈕時，表單將被提交，並同時開啟一個新頁面。
更新於：2023年4月20日
806 次瀏覽
廣告