如何在 HTML 表單中使用提交按鈕?


提交按鈕在點選時自動提交表單。使用 HTML 表單,你可以輕鬆獲取使用者輸入。<form> 標記用於透過新增表單元素來獲取使用者輸入。不同型別的表單元素包括文字輸入、單選按鈕輸入、提交按鈕等。

讓我們學習如何在 HTML 表單中使用提交按鈕。它使用 HTML <input> 標記建立,但 type 屬性設定為 button。

你可以嘗試執行以下程式碼,以使用提交按鈕來提交和重置表單。在action 屬性下,新增你希望在點選提交按鈕後到達的檔案。使用get post 方法,你可以將值傳送到 action 屬性中新增的 PHP 檔案。

示例

線上演示

<!DOCTYPE html>
<html>
   <body>
      <form action="/new.php">
         Student Name:<br>
         <input type="text" name="sname">
         <br>
         Student Subject:<br>
         <input type="text" name="ssubject">
         <br>
         <input type="submit" value="Submit">
         <input type="reset" value="Reset">
      </form>
   </body>
</html>

更新於:2019 年 10 月 4 日

4K+ 瀏覽

開啟你的 職業

完成課程即可獲得認證

開始
廣告
© . All rights reserved.