Использование одного скрипта для нескольких форм на одной странице

Question

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

<script>window.onload = function() {document.getElementById('date').value = Date();}</script> 

Я использую это в каждом из четырех форм:

    <input name="date" id="date" type="text"> 

Это хорошо работает для первой формы, которая рассматривается, но Безразлично» t для любой из других форм. Я пробовал все, о чем я могу думать, но я начинающий js. Спасибо за любую помощь.

Answer 1

id s должен быть уникальным. Если вы должны пометить несколько элементов, используйте вместо этого class.

HTML:

<input name="date" class="date" type="text"> 

JS:

window.onload = function() { 
    var currentDate = Date(), 
     dateElements = document.getElementsByClassName('date'); 
    for (var i = 0; i < dateElements.length; ++i) { 
     dateElements[i].value = currentDate; 
    } 
}