以下是一些涉及 <form> 元素的 DOM 操作：
属性：
1. action：
- 获取或设置表单提交的目标 URL。
2. method：
- 获取或设置表单提交时使用的 HTTP 方法（通常是 "get" 或 "post"）。
3. target：
- 获取或设置在何处打开表单提交的响应。常见的值包括 "_self"（在相同的窗口中打开）和 "_blank"（在新窗口中打开）。
方法：
1. submit()：
- 提交表单。
2. reset()：
- 重置表单元素的值为默认值。
示例：
<!DOCTYPE html>
<html>
<head>
<title>Form Object Example</title>
</head>
<body>
<form id="myForm" action="/submit" method="post" target="_blank">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<br>
<button type="button" onclick="submitForm()">Submit</button>
<button type="button" onclick="resetForm()">Reset</button>
</form>
<script>
// 获取 <form> 元素
var formElement = document.getElementById("myForm");
// 获取和设置 action、method、target 属性
var actionValue = formElement.action;
var methodValue = formElement.method;
var targetValue = formElement.target;
console.log("Action: " + actionValue + ", Method: " + methodValue + ", Target: " + targetValue);
// 提交表单
function submitForm() {
formElement.submit();
}
// 重置表单
function resetForm() {
formElement.reset();
}
</script>
</body>
</html>
在上述示例中，我们使用 getElementById 方法获取了 <form> 元素，并通过 action、method、target 属性获取和设置了其相关属性。我们还添加了两个按钮，分别用于提交和重置表单。这只是一个简单的演示，实际应用中可能需要更复杂的逻辑来处理表单提交和重置。
转载请注明出处：http://www.zyzy.cn/article/detail/4388/HTML