資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究HTML DOM 表單 action 屬性
HTML DOM Form action 屬性與 form 元素的 action 屬性相關聯。form action 屬性指定使用者提交表單後傳送表單資料到的網頁。該屬性在提交表單以指定提交表單的位置後呼叫。
語法
以下為語法 −
設定 Form action 屬性 −
formObject.action = URL
此處，URL 指定要傳送表單資料到的地址。它可以是絕對 URL 或相對 URL。
示例
讓我們來看一個 form action 屬性的示例 −
<!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>輸出
這將產生以下輸出 −
如果單擊 CHANGE 按鈕 −
在上面的示例中 −
我們使用 id=“Form1”和 action “/sample.php”建立了一個表單。action 屬性值指定表單資料將提交到 sample.php 頁面，它是一個相對 URL。該表單包含一個文字欄位和一個密碼欄位。
<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>
然後我們建立了一個 CHANGE 按鈕，該按鈕在使用者單擊時執行 changeAction() 方法 −
<button onclick="changeAction()">CHANGE</button>
changeAction() 方法獲取“FORM1”元素，並將其 action 屬性值設定為“/example_web.asp”。使用 id 為“Sample”的段落的 innerHTML 屬性，我們透過向用戶顯示文字來顯示此更改 −
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";
}
更新於: 2019 年 8 月 19 日
256 次瀏覽
廣告