如何使用JavaScript动态创建表单？

任务是在JavaScript的帮助下动态创建HTML表单。下面讨论了两种方法。

方法1：采用document.createElement()创建新元素并使用setAttribute()设置元素属性的方法。将这些元素附加到

元素依据appendChild()方法。最后附加元素文档的元素。本示例创建一个注册表单。

例子：

     
         
     
     
         

             lsbin
         
         

           Click on the button to create
           a form dynamically
         
         
             click here
         
         

  
     

输出如下：

方法二：这种方法与前一种方法有些相似, 但是使用JQuery方法附加元素。采用document.createElement()创建新元素并使用setAttribute()设置元素属性的方法。通过以下方式将这些元素追加到元素附加()JQuery的方法。最后附加元素文档的元素。本示例创建一个LOGIN表单。

例子：

     
         
     
     
         

             lsbin
         
         

               Click on the button to create 
             a form dynamically
         
         
             click here
         
         

         
     

输出如下：

更多前端开发相关内容请参考：lsbin - IT开发技术：https://www.lsbin.com/

查看以下更多JS相关的内容：

• JavaScript如何调试程序？：https://www.lsbin.com/3221.html
• 使用JavaScript动态创建图像元素：https://www.lsbin.com/2413.html
• Javascript短路运算符：https://www.lsbin.com/1906.html