在一个页面上使用一个脚本表示多个表单

时间:2014-12-01 00:51:27

标签: javascript html5 forms mobile web-applications

我在一个html文件中构建了一个多页离线移动webapp。每个表单都需要一个表单加载时间的时间戳,因为它不会被提交到服务器,直到用户稍后连接为止。 我使用以下脚本来获取时间戳

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

我在以下四种形式中使用它:

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

这适用于所查看的第一个表单,但不适用于任何其他表单。我已经尝试过所有我能想到的东西,但我是新手。谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

id必须是唯一的。如果您必须标记多个元素,请改用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;
    }
}