Thuộc tính hành động HTML DOM Form được liên kết với thuộc tính action của phần tử biểu mẫu. Thuộc tính hành động biểu mẫu chỉ định trang web để gửi dữ liệu biểu mẫu sau khi được người dùng gửi. Thuộc tính này được gọi sau khi biểu mẫu đã được gửi để chỉ định nơi gửi biểu mẫu.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính hành động Biểu mẫu -
formObject.action = URL
Tại đây, URL chỉ định địa chỉ để gửi dữ liệu biểu mẫu đến. Nó có thể là một URL tuyệt đối hoặc một URL tương đối.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ về thuộc tính hành động biểu mẫu -
<!DOCTYPE html> <html> <head> <style> form{ border:2px solid blue; margin:2px; padding:4px; } </style> <script> function changeAction() { document.getElementById("FORM1").action = "/example_web.asp"; document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; } </script> </head> <body> <h1>Form action property example</h1> <form id="FORM1" action="/sample.php"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form> <br> <button onclick="changeAction()">CHANGE</button> <p id="Sample"></p> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút THAY ĐỔI -
Trong ví dụ trên -
Chúng tôi đã tạo một biểu mẫu với id =“Form1” và action “/sample.php”. Giá trị thuộc tính action chỉ định rằng dữ liệu biểu mẫu sẽ được gửi đến trang sample.php và một url tương đối của nó. Biểu mẫu chứa trường văn bản và trường mật khẩu.
<form id="FORM1" action="/sample.php"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form>
Sau đó, chúng tôi đã tạo một nút CHANGE sẽ thực thi phương thức changeAction () khi được người dùng nhấp vào -
<button onclick="changeAction()">CHANGE</button>
Phương thức changeAction () nhận phần tử “FORM1” và đặt giá trị thuộc tính hành động của nó thành “/example_web.asp”. Sử dụng thuộc tính innerHTML của đoạn văn có id “Mẫu”, chúng tôi hiển thị thay đổi này bằng cách hiển thị văn bản cho người dùng -
function changeAction() { document.getElementById("FORM1").action = "/example_web.asp"; document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; }