Question

在我的项目中，我使用了很多HTML页面，我使用表格结构来更好地格式化页面中的字段。现在说对于第A页，我写了以下代码：

    <div align="center">
    <u>Create User</u><br>
        <table>
            <tr>
                <td>
                User-name
                </td>
                <td>
                <input type="text" name="username"><br>
                </td>
            </tr>
        </table>
     </div>

现在，对于不同的页面，我可能需要使用3个表行来显示页面中的所有字段。所以两个页面的基本结构是相同的，即我打开一个div打开表 - 打开表格行 - 打开表格单元格并按相同的顺序关闭它们。

页面中唯一不同的是所需的表行数。所以我想知道是否存在任何功能，以便我可以轻松创建页面而无需一次又一次地编写相同的代码。它可能就像一个需要行数的函数。有没有这样的功能？

Answer 1

在HTML中没有这样做的功能。但是，如果你可以使用PHP或JavaScript，你可以创建一个函数来＃34;渲染＆＃34;你的HTML。

例如，在PHP（服务器端）：

<?php

function MakeTR($title, $name) {
  print('<tr><td>'.$title.'</td><td><input type="text" name="'.$name.'"><br></td></tr>');
}

MakeTR('User-Name:','username');
MakeTR('Password:','pass');
MakeTR('Email:','email');

?>

或者您可以使用JavaScript（客户端）执行几乎相同的操作：

<script>
    function MakeTR(title, name) {
        document.write('<tr><td>'+title+'</td><td><input type="text" name="'+name+'"><br></td></tr>');
    }

    MakeTR('User-Name:','username');
    MakeTR('Password:','pass');
    MakeTR('Email:','email');
</script>

有没有办法为HTML页面使用通用表结构？

1 个答案: