Question

我正在尝试学习Web开发，尤其是在单击按钮时动态添加表单元素的方面。

例如，我想创建一个最初显示一个文本输入框的表单。会有一个＆＃39; +＆＃39;按钮，单击该按钮将显示另一个输入框。

有人可以告诉我应该使用哪些关键字来了解有关实现此类目标的最佳技术的更多信息吗？

Answer 1

您有一个HTML按钮元素，其中＆＃34;点击＆＃34; event触发一段JavaScript代码，然后创建并插入HTML输入元素。与其运行的HTML页面交互的JavaScript涉及DOM（文档对象模型），它是页面元素的API。

对于活动：https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers
用于创建和插入元素：https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

Answer 2

JavaScript就是用来做这件事的。有许多，许多，许多JavaScript插件和扩展，使它更容易。 JQuery，AngularJS，ReactJS;仅举几个。

例如，使用jQuery，你只需...

$document.ready(function(){
     $('#add').on('click', function(){
         $('#form').append('<input type="text">');
      )}
 })

 <div id='form'>
     <button id='add' value='Add Text Box' />
 </div>

自动添加Web表单元素的技术是什么？

2 个答案: