当一个文本框可以为空时,可以使用JavaScript来添加多个货币文本框。以下是一种实现方式:
<div id="currencyContainer"></div>
// 获取容器元素
var container = document.getElementById("currencyContainer");
// 创建多个货币文本框
for (var i = 0; i < 3; i++) {
// 创建input元素
var input = document.createElement("input");
// 设置input元素的类型为text
input.type = "text";
// 设置input元素的class属性,用于样式控制
input.className = "currencyInput";
// 将input元素添加到容器中
container.appendChild(input);
}
在上述代码中,我们使用了一个for循环来创建3个货币文本框。你可以根据需要调整循环的次数。
.currencyInput {
border: 1px solid #ccc;
padding: 5px;
margin-bottom: 10px;
}
通过上述步骤,你可以使用JavaScript动态添加多个货币文本框,并对其进行样式控制。这样,当一个文本框可以为空时,你可以根据需要添加任意数量的货币文本框。
领取专属 10元无门槛券
手把手带您无忧上云