Как локализовать заполнитель в Twitter Bootstrap

Question

У меня есть шаблон, который, кажется, использует пользовательский интерфейс Twiters Boostrap.

Я пытаюсь использовать некоторые предметы многократного использования.Эти элементы имеют текст на английском языке, который я могу найти и легко переопределить и локализовать, но я не могу найти способ локализации заполнителя .Возможно, потому что я не знаком с фреймворком и веб-технологиями.

Как я могу узнать больше о локализации заполнителя.

Итак, вот моя форма:

<div class="col-lg-8">
    <form class="form-area " id="myForm" action="mail.php" method="post" class="contact-form text-right">
        <div class="row">   
            <div class="col-lg-6 form-group">
                <input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">

                <input name="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-control" required="" type="email">

                <input name="subject" placeholder="Enter your subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your subject'" class="common-input mb-20 form-control" required="" type="text">
            </div>
            <div class="col-lg-6 form-group">
                <textarea class="common-textarea form-control" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>               
            </div>
            <div class="col-lg-12">
                <div class="alert-msg" style="text-align: left;"></div>
                <button class="genric-btn primary circle" style="float: right;">Send Message</button>                                           
            </div>
        </div>
    </form> 
</div>

Здесь вы можете увидеть, как выглядит моя форма (приблизительно): https://www.bootply.com/KeDeuKox63

Когда я пытался локализовать другие элементы, такие как элементы пользовательского интерфейса, например, параграф, я использовал что-то вроде этого:

<p data-langkey="contact-email-notes">Send us your query anytime!</p>

А потом у меня был файл .json, содержащий перевод contact-email-notes langkey.

Кажется, что трюк не работает для заполнители .Даже если я добавляю

data-langkey="contact-name-form"

, он ничего не делает.

<input name="name" data-langkey="contact-name-form" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">

В качестве примечания, internalization.js не содержитэлемент-заполнитель.Я добавил, но без помощи:

function processLangDocument(){
var tags = document.querySelectorAll('span,img,a,label,li,option,h1,h2,h3,h4,h5,h6,p,placeholder');
Array.from(tags).forEach(function(value, index){
    var key = value.dataset.langkey;
    if(langDocument[key]) value.innerText = langDocument[key];
});

Знаете ли вы, каков подход к локализации заполнителя?Что мне нужно сделать?