Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính hành động biểu mẫu HTML

Thuộc tính hành động biểu mẫu HTML xác định nơi gửi dữ liệu biểu mẫu khi biểu mẫu được gửi trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

<form action=”URL”></form>

Hãy để chúng tôi xem một ví dụ về Thuộc tính hành động của Biểu mẫu HTML -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
   }
   input {
      width: 315px;
      display: block;
      margin: 1rem auto;
      border: 2px solid #fff;
      padding: 8px;
      background: transparent;
      border-radius: 20px;
      outline: none;
   }
   ::placeholder {
      color: #000;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 20px;
      width: 330px;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
<body>
<h1>HTML Form action Attribute Demo</h1>
<form action="/action_page.php" method="get">
<input type="text" name="firstname" placeholder="Enter First Name">
<input type="text" name="lastname" placeholder="Enter Last Name">
<input type="submit" value="SUBMIT" class="btn">
</form>
</body>
</html>

Đầu ra

Thuộc tính hành động biểu mẫu HTML

Nhập chi tiết biểu mẫu và sau đó gửi biểu mẫu bằng cách sử dụng “ SUBMIT ”Để quan sát cách hoạt động của thuộc tính action.

Thuộc tính hành động biểu mẫu HTML