如何将2个文本输入字段合二为一？

Question

我看到一些很酷的效果,将两个文本输入字段作为一个表单放在一个!我附上了一张图片给你看,所以你知道我的意思.有谁知道如何创造这样的东西？

可以用CSS完成吗？

Answer 1

您可以这样设置样式 - http://jsbin.com/adalot/1/

这应该让你朝着正确的方向前进

  <div id='holder'>
    A :<input type='text' id='field1'/>
    B: <input type='text' id='field1'/>
  </div>

  #holder {border: solid 1px red; width: 400px; background-color: white;}
  input {border: none;}
  input:focus{outline:none;}