动态命名的输入元素的CSS样式

Question

我有:

    <input type="text" id="email[1]" name="email[1]"> 
    <input type="text" id="email[2]" name="email[2]">
.
. 

这是使用PHP填充的.在for循环中有:

echo "<input type='text' id='email[".$i."]' name='email[".$i."]'> ";

由于我不知道将要创建的输入数量,我该如何为它们提供样式？

Answer 1

如果它们都具有相同的样式,则可以使用类.例如:

echo "<input type='text' class='emailinput' id='email[".$i."]' name='email[".$i."]' /> ";

在CSS中你可以设置这样的元素:

.emailinput
{
    width:              20px;
    background-color:   red;
}

顺便说一下,我在输入元素的末尾添加了一个斜杠.这是针对XHTML的有效代码.您应该对所有输入元素(/>)执行此操作.