使用for循环仅在表单之间使用<hr>分隔表单集，而不是在开头或结尾

要实现使用for循环在表单之间添加<hr>分隔符，但不在开头或结尾添加，可以通过以下几种方法来实现：

方法一：使用条件判断

在每次循环中，判断当前是否为第一个或最后一个元素，如果不是，则添加<hr>。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Separator</title>
</head>
<body>
    <div id="form-container">
        <!-- 假设有一个表单数组 -->
        const forms = ['Form 1', 'Form 2', 'Form 3'];

        for (let i = 0; i < forms.length; i++) {
            document.write(`<div>${forms[i]}</div>`);
            if (i < forms.length - 1) {
                document.write('<hr>');
            }
        }
    </div>
</body>
</html>

方法二：使用数组方法

使用数组的join方法来拼接表单和分隔符。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Separator</title>
</head>
<body>
    <div id="form-container">
        const forms = ['Form 1', 'Form 2', 'Form 3'];
        const separator = '<hr>';

        const formElements = forms.map(form => `<div>${form}</div>`).join(separator);
        document.write(formElements);
    </div>
</body>
</html>

方法三：使用模板字符串

使用模板字符串来动态生成HTML内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Separator</title>
</head>
<body>
    <div id="form-container">
        const forms = ['Form 1', 'Form 2', 'Form 3'];
        let htmlContent = '';

        forms.forEach((form, index) => {
            htmlContent += `<div>${form}</div>`;
            if (index < forms.length - 1) {
                htmlContent += '<hr>';
            }
        });

        document.write(htmlContent);
    </div>
</body>
</html>