js用两种方式制作表单

JavaScript主要用于前端交互，创建表单主要有两种常见的方式：

1. **HTML原生方式**：
HTML本身提供了一系列的表单元素，如`<input>`、`<select>`、`<textarea>`等，可以直接在HTML文件中编写。例如，创建一个简单的文本输入框：

   <form>
     <label for="username">用户名:</label>
     <input type="text" id="username" name="username">
     <br><br>
     <input type="submit" value="提交">
   </form>

2. **JavaScript动态生成**：
可以通过JavaScript动态创建DOM元素来构建复杂表单，比如异步加载表单字段，或者根据用户交互添加或删除表单组件。下面是一个简单的例子，使用JavaScript动态创建一个按钮：

   var form = document.createElement('form');
   var input = document.createElement('input');
   input.type = 'text';
   input.name = 'dynamicInput';
   form.appendChild(input);
   form.appendChild(document.createElement('button', {'type': 'submit'}));
   document.body.appendChild(form);