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

Thuộc tính phương thức HTML Form

Thuộc tính phương thức biểu mẫu HTML xác định cách gửi dữ liệu biểu mẫu có nghĩa là được gửi dưới dạng biến URL hoặc được gửi dưới dạng giao dịch bài HTTP.

Cú pháp

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

<form method=”get | post”></form>

Đây lấy gửi dữ liệu biểu mẫu dưới dạng biến URL và đăng gửi dữ liệu biểu mẫu dưới dạng giao dịch đăng HTTP.

Hãy để chúng tôi xem một ví dụ về Thuộc tính của phương thức 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 method 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 phương thức HTML Form

Nhập chi tiết biểu mẫu và sau đó gửi biểu mẫu bằng cách sử dụng nút “GỬI” để quan sát cách hoạt động của thuộc tính phương thức.

Thuộc tính phương thức HTML Form