什麼是自動添加Web表單元素的技術？

我正在嘗試學習web開發，尤其是在單擊按鈕時動態添加表單元素的方面。什麼是自動添加Web表單元素的技術？

例如，我想創建一個最初顯示一個文本輸入框的表單。將會出現一個'+'按鈕，點擊後會出現另一個輸入框。

有人能告訴我什麼關鍵字我應該谷歌瞭解更多關於最好的技術來實現這樣的？

來源

2016-11-19 Isaac

你嘗試過什麼？你在使用任何庫嗎？你如何驗證和接收表單的信息？ – apaul

@ apaul34208我還沒有試過任何東西，因爲我想知道我應該谷歌什麼關鍵字爲了瞭解這個。 – Isaac

只要指出你的問題有點寬泛，如果你將範圍縮小到特定情況，你可能會得到更多有用的答案。顯示你迄今爲止所寫的內容將會縮小很多。 – apaul

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>

來源

2016-11-19 23:43:54 TheValyreanGroup

您將擁有一個HTML按鈕元素，其「click」事件觸發一段JavaScript代碼，然後創建並插入一個HTML輸入元素。 JavaScript與正在運行的HTML頁面交互涉及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

來源

2016-11-19 23:38:30 melpomene

有沒有這樣做的圖書館，還是我必須從頭開始學習？ – Isaac

@Isaac各種各樣的東西有許多庫。但我們在這裏討論的是兩步過程; 「從頭開始」並沒有真正描述它。 – melpomene

對我而言，「從頭開始」的意思是不使用庫（假設有這樣的庫）。 – Isaac

什麼是自動添加Web表單元素的技術？

回答

相關問題