Javascript 生成具有特定类的文本字段

在下面的HTML和JavaScript代码中，我希望在单击按钮时动态添加文本字段和单选按钮。这是正常工作。但我还希望生成的新文本字段应该与上面的文本字段具有相同的字体大小和外观，即我希望具有相同的类

以下是HTML：

<input type="radio" name="choices"  value="o1"/>
<input type="text" name="o1" id="o1" class="inputtype"/>
<span class="file-wrapper">
<input type="file" name="o1_i" />
<span class="button">Choose an file</span>
</span>
<div id="responce"></div>

只需按与设置名称、类型和ID相同的方式设置属性：

text.className = "inputtype";

对“浏览”按钮执行相同操作：

upload.className = "someclass";

---

对于多个类，请使用空格分隔它们。请注意，

className

将覆盖整个类列表。

如果您不想为添加的每个项添加带有

javascript

的类。只要使用简单的css将

元素定位为

：

#myform input[type=text]

，前提是您有一个

表单标记或某个父元素作为目标。
也可以这样做，将类添加到浏览按钮，但您原来的浏览按钮没有类。请参阅我的答案，将类添加到文件输入中的方法与此完全相同。
upload.className = "someclass";