2016-11-19 8 views
0

私は、特にボタンをクリックしたときにフォーム要素を動的に追加するという側面について、Web開発を学ぼうとしています。Webフォーム要素を自動追加する技術とは何ですか?

たとえば、最初に表示された1つのテキスト入力ボックスでフォームを作成したいとします。クリックすると別の入力ボックスが表示される '+'ボタンがあります。

これを達成するための最善の技術についてもっと知るには、どのようなキーワードをGoogleに教えてもらえますか?

+0

何を試してみましたか?任意のライブラリを使用していますか?フォームの情報をどのように検証して受け取っていますか? – apaul

+0

@ apaul34208私はこれについて学ぶために私がgoogleですべきキーワードを知りたいので何も試していません。 – Isaac

+0

あなたの質問が少し広がっていることを指摘すれば、スコープを特定のケースに絞り込むと、より有用な回答が得られるかもしれません。あなたがこれまでに書いたことを示すことは、物事を狭くするでしょう。 – apaul

答えて

0

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> 
0

"click"イベントがHTML入力要素を作成して挿入するJavaScriptコードをトリガーするHTMLボタン要素があります。実行中のHTMLページと対話するJavaScriptには、ページ要素のAPIであるDOM(ドキュメントオブジェクトモデル)が含まれます。要素を作成し、挿入するためのhttps://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers
:イベントの場合

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

+0

これを行うライブラリーはありますか?スクラッチから学ぶ必要がありますか? – Isaac

+0

@Isaacあらゆる種類のもののライブラリがたくさんあります。しかし、ここでは2段階プロセスについて話しています。 「ゼロから」は本当にそれを記述していません。 – melpomene

+0

私にとって、「ゼロから」とは、ライブラリを使用しないことを意味します(この種のライブラリがあると仮定します)。 – Isaac

関連する問題