Генерация однотипные формы.
 

Есть сайт на котором много форм практически идентичных за исключением названий некоторых пунктов.

Как ниже, только кое где может быть не "Ваше имя", а что то другое.

Вот форм этих 10, может имеет смысл их догружать после загрузки страницы как html или лучше создавать их силами js и уже так обрабатывать?
Или сделать одну форму которая будет меняться в зависимости от вызова.

Что лучше? Что вообще в таких случаях нужно делать? Какой правильный путь?

<div class="pop_up">
            <input type="text"
                   placeholder="Ваше имя"
                   value="Ваше имя"
                   onfocus="if (this.value=='Ваше имя'){this.value=''}"
                   onblur="if (this.value==''){this.value='Ваше имя'}">
            <input type="text" placeholder="E-mail" value="E-mail"
                   onfocus="if (this.value=='E-mail'){this.value=''}"
                   onblur="if (this.value==''){this.value='E-mail'}">
            <input type="text"  placeholder="Телефон" value="Телефон"
                   onfocus="if (this.value=='Телефон'){this.value=''}"
                   onblur="if (this.value==''){this.value='Телефон'}">
            <textarea rows="10" cols="20"
                          onfocus="if (this.value=='Сообщение'){this.value=''}"
                          onblur="if (this.value==''){this.value='Сообщение'}">Сообщение</textarea>

Может подскажите какой инструмент для этого?

Иметь шаблон формы и набор значений по условию для placeholder, как объект, в котором имена свойств, это и имя поля формы. Из форм удалить onfocus/onblur, написав обработчик, который будет навешиваться на поля только в том случае, если браузер не поддерживает placeholder.