Question

Answer 1

请查看此代码

<div id="column1">
                <label for="name">Név:<br /><input type="text" id="name" name="name" /></label>
                <label for="pass">Jelszó:<br /><input type="text" id="pass" name="pass" /></label>
                <input type="checkbox" id="accept" name="accept" value="1" /> Elfogadom a feltételeket
            </div>
            <div id="column2">
                <label for="email">E-mail cím:<br /><input type="text" id="email" name="email" /></label>
                <label for="taxno1">Adószám:<br />
                <input type="text" id="taxno1" name="taxno1" /> -
                <input type="text" id="taxno2" name="taxno2" /> -
                <input type="text" id="taxno3" name="taxno3" />
            </label>

#taxno2, #taxno3 {
    width: 46px;
    margin-left: 10px;
}

在这里演示http://jsfiddle.net/z9b5S/

Answer 2

你必须将input包裹在span内，然后将一个类提供给它将起作用的span元素。

 <div id="column2">
                <label for="email">E-mail cím:<br /><input type="text" id="email" name="email" /></label>
                <label for="taxno1">Adószám:<br />

                  <span class="add"><input type="text" id="taxno1" name="taxno1" /></span>
                 <span class="add"><input type="text" id="taxno2" name="taxno2" /></span>
                 <span class="add"><input type="text" id="taxno3" name="taxno3" /></span>
            </label>
  </div>

在CSS文件中添加此类。

.add:after
{
    content: "/"; 
}
.add:last-child:after{
   content: " "; 
}

正在运行演示链接.. http://jsbin.com/qeduhogi/3/

在输入字段之间添加字符

2 个答案: