Thuộc tính action của Form trong HTML DOM

Thuộc tính action của Form trong HTML DOM liên quan đến thuộc tính action của phần tử form. Thuộc tính action chỉ định trang web nhận dữ liệu form sau khi người dùng submit. Thuộc tính này được gọi sau khi form đã được submit để chỉ định nơi submit form.

Cú pháp

Cú pháp để thiết lập thuộc tính action:

formObject.action = URL

Trong đó, URL chỉ định địa chỉ gửi dữ liệu form. Có thể là URL tuyệt đối hoặc tương đối.

Ví dụ

Ví dụ minh họa cho thuộc tính action của Form:

<!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 = "Giá trị thuộc tính action của form đã thay đổi thành /example_web.asp"; 
    } 
</script> </head> <body> 
<h1>Ví dụ thuộc tính action của Form</h1> 
<form id="FORM1" action="/sample.php"> 
    <label>Tên người dùng <input type="text" name="usrN"></label> <br><br> 
    <label>Mật khẩu <input type="password" name="pass"></label> 
</form> 
<br> 
<button onclick="changeAction()">THAY ĐỔI</button> 
<p id="Sample"></p> 
</body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI", thuộc tính action chuyển từ "/sample.php" sang "/example_web.asp".

Giải thích ví dụ

Tạo form với id="FORM1" và action="/sample.php". Action chỉ định form data sẽ submit đến sample.php (URL tương đối). Form chứa trường text và password.

Tạo nút "THAY ĐỔI" thực thi hàm changeAction():

<button onclick="changeAction()">THAY ĐỔI</button>

Hàm changeAction() lấy phần tử "FORM1" và thiết lập action thành "/example_web.asp". Hiển thị thông báo thay đổi:

function changeAction() { 
    document.getElementById("FORM1").action = "/example_web.asp"; 
    document.getElementById("Sample").innerHTML = "Giá trị thuộc tính action của form đã thay đổi thành /example_web.asp"; 
}