Найти форму без идентификатора и добавить элемент ввода к этому

Question

Мне нужно добавить элемент ввода в форму, чей идентификатор я не знаю. Приведенный ниже код работает замечательно, если есть только одна форма на странице

var dd = document.createElement("div"); 
dd.id = "cont"; 
dd.name = "cont"; 
var pp = document.createElement("input"); 
pp.type = "password"; 
pp.name = "pass"; 
dd.appendChild(pp); 

document.getElementsByTagName('form')[0].appendChild(dd); 

но при наличии более чем 1 форма на странице, то этот элемент ввода получить приложенном к первой форме с вышеприведенным кодом. Помните, что я не знаю, сколько форм существует на странице html. и пользователь может разместить сценарий в любой форме на странице. так как я могу убедиться, что элемент ввода добавляется в нужную форму. некоторые предложили функцию jquery closeest(), но я предпочитаю чистый javascript.
Один рабочий пример - google recaptcha. там recaptcha вызов текстовое поле появляется точно, где u ставит скрипт и точно в форме, которую вы хотите.

так что ребята, любая помощь в чистом javascript-коде будет очень оценена.

.. спасибо

Answer 1

Если вы хотите вставить input тег в ту же форму, в котором вы разместили тег сценария. Вы можете обратиться к конкретной форме, как это

var form = document.currentScript.parentNode; 
form.appendChild(dd); 

Answer 2

Добавить Class в form, и в яваскрипте Фета формы по имени класса

document.getElementsByClassName('classname')[0].appendChild(dd);