时间戳

首页 > 解决方案 > 如何更快地在 html/css/javascript 中编写多个文本框？

javascript - 如何更快地在 html/css/javascript 中编写多个文本框？

问题描述

我需要使 30 个不同的文本输入彼此稍远一些。我怎么能这样做？下面只有三个，但我不能只完成所有 30 个。

<!DOCTYPE html>
<html>
<head>
    <title>Worksheet</title>
    <style type="text/css">

        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }
        input::placeholder{
            color: #d9faa7;
        }

    </style>
</head>
<body>
    <img src="A.png" class = "center">
    <form>
        <input type="text" id="fname" name="fname" size="2" style='position:absolute;top:210px;left:389px'>
        <input type="text" id="fname" name="fname" size="2" style='position:absolute;top:210px;left:446px'>
        <input type="text" id="fname" name="fname" size="2" style='position:absolute;top:210px;left:503px'>

    </form>


</body>
</html>

标签： javascripthtmlcss

解决方案

如果您要使用输入元素来执行某个操作，您需要确保每个元素的theid和 the是不同的。name

另一方面，关于制作 30 种不同的文本输入，您可以尝试使用动态文本输入，以防您想一遍又一遍地输入相同id的文本。name尝试研究循环。

推荐阅读