Thuộc tính sự kiện onsubmit trong HTML

Thuộc tính sự kiện onsubmit trong HTML được kích hoạt khi biểu mẫu được submit (gửi) trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<tagname onsubmit="script"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện onsubmit trong HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
    }
    textarea {
      border: 2px solid #fff;
      background: transparent;
      font-size: 1rem;
    }
    ::placeholder {
      color: #000;
      font-size: 1rem;
    }
    .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
    }
  </style>
</head>
<body>
<h1>Demo thuộc tính sự kiện onsubmit trong HTML</h1>
<form onsubmit="submitFn()">
  <textarea placeholder="Nhập tin nhắn của bạn ở đây" onreset="resetFn()" rows='8' cols="50"></textarea>
  <input type="submit" value="GỬI" class="btn">
</form>
<div class="show"></div>
<script>
  function submitFn() {
    confirm("Biểu mẫu đã được gửi");
  }
</script>
</body>
</html>

Kết quả

Nhấn vào nút "GỬI" để quan sát cách thuộc tính sự kiện onsubmit hoạt động: