js动态生成form表单
时间: 2023-10-05 08:11:49 浏览: 86
JavaScript动态创建form表单并提交的实现方法
可以通过以下代码动态生成表单:
```javascript
// 创建form元素
var form = document.createElement('form');
// 设置form属性
form.setAttribute('method', 'post');
form.setAttribute('action', '/submit-form');
// 创建input元素
var input = document.createElement('input');
// 设置input属性
input.setAttribute('type', 'text');
input.setAttribute('name', 'username');
input.setAttribute('placeholder', '请输入用户名');
// 添加input元素到form中
form.appendChild(input);
// 创建submit按钮
var submit = document.createElement('input');
submit.setAttribute('type', 'submit');
submit.setAttribute('value', '提交');
// 添加submit按钮到form中
form.appendChild(submit);
// 添加form到页面中
document.body.appendChild(form);
```
以上代码会生成一个包含一个输入框和一个提交按钮的表单,可以根据需要修改属性和添加更多表单元素。
阅读全文