私は、特にボタンをクリックしたときにフォーム要素を動的に追加するという側面について、Web開発を学ぼうとしています。Webフォーム要素を自動追加する技術とは何ですか?
たとえば、最初に表示された1つのテキスト入力ボックスでフォームを作成したいとします。クリックすると別の入力ボックスが表示される '+'ボタンがあります。
これを達成するための最善の技術についてもっと知るには、どのようなキーワードをGoogleに教えてもらえますか?
私は、特にボタンをクリックしたときにフォーム要素を動的に追加するという側面について、Web開発を学ぼうとしています。Webフォーム要素を自動追加する技術とは何ですか?
たとえば、最初に表示された1つのテキスト入力ボックスでフォームを作成したいとします。クリックすると別の入力ボックスが表示される '+'ボタンがあります。
これを達成するための最善の技術についてもっと知るには、どのようなキーワードをGoogleに教えてもらえますか?
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>
"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
何を試してみましたか?任意のライブラリを使用していますか?フォームの情報をどのように検証して受け取っていますか? – apaul
@ apaul34208私はこれについて学ぶために私がgoogleですべきキーワードを知りたいので何も試していません。 – Isaac
あなたの質問が少し広がっていることを指摘すれば、スコープを特定のケースに絞り込むと、より有用な回答が得られるかもしれません。あなたがこれまでに書いたことを示すことは、物事を狭くするでしょう。 – apaul