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

Tại sao thuộc tính formaction không hoạt động bên ngoài thẻ
?


Chúng ta có thể làm cho thuộc tính formaction hoạt động bên ngoài thẻ . Thuộc tính formaction được sử dụng để chỉ định nhiều URL gửi cho một biểu mẫu. Khi bạn gửi biểu mẫu, trước tiên trình duyệt web sẽ kiểm tra thuộc tính formaction.

Nếu formaction không có, trình duyệt web sẽ chuyển sang tìm kiếm thuộc tính action trên phần tử biểu mẫu.

Ví dụ

Đây là một ví dụ về formaction thuộc tính với ba nút gửi khác nhau -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML formaction attribute</title>
   </head>

   <body>
      <form method="post">
         <input type = "text" name="name"/><br>
         <button type = "submit" formaction = "btn1.php">Button1</button>
         <button type = "submit" formaction = "btn2.php">Button2</button>
         <button type = "submit" formaction = "btn3.php">Button3</button>
      </form>
   </body>
</html>

Có, thuộc tính formaction sẽ không hoạt động bên ngoài phần tử biểu mẫu, nhưng bạn vẫn có thể để chúng hoạt động chính xác theo cách sau -

Tại sao thuộc tính formaction không hoạt động bên ngoài thẻ  form ?

Ví dụ

Bạn có thể dễ dàng đặt nút và sử dụng thuộc tính formaction bên ngoài biểu mẫu, bằng cách sử dụng giá trị id biểu mẫu được liên kết.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML formaction attribute</title>
   </head>

   <body>
      <form method="post" id="newForm">
         <input type="text" name="name"/>
      </form>

      <button type="submit" formaction="btn1.php" form="newForm">Button1</button>
      <button type="submit" formaction="btn2.php" form="newForm">Button2</button>
      <button type="submit" formaction="btn3.php" form="newForm">Button3</button>
   </body>
</html>