js中表单,用javascript写表单代码,javascript中dom,js实现表单,js设置form表单action,javascript设计表单
JavaScript DOM 表单（Document Object Model Forms）是用于操作 HTML 表单元素的 JavaScript API。

HTML 表单元素包括输入框、下拉列表、单选按钮、复选框等，通过 JavaScript DOM 表单 API，可以获取这些表单元素的值，设置其属性和样式，以及监听它们的事件。

以下是一个简单的例子，通过 JavaScript DOM 表单 API 获取输入框的值，并在页面上显示出来：

HTML 代码：


<label for="name">名字：</label>
<input type="text" id="name" name="name">
<button id="submit">提交</button>
<p id="result"></p>


JavaScript 代码：

javascript
// 获取表单元素
const nameInput = document.getElementById('name');
const submitButton = document.getElementById('submit');
const result = document.getElementById('result');

// 监听提交按钮的点击事件
submitButton.addEventListener('click', function(event) {
// 阻止表单提交的默认行为
event.preventDefault();

// 获取输入框的值，并显示到页面上
const name = nameInput.value;
result.textContent = '你好，' + name + '！';
});


在这个例子中，我们首先从文档中获取了三个元素：输入框、提交按钮和结果区域。然后，我们监听提交按钮的点击事件，在点击时获取输入框的值，并将其显示到页面上。