如何将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;}

Answer 2

这是css ..没有办法将2个不同的<input>结合成一个。

你在图片上看到的是一个风格<div>，其中包含2个<input>女巫'无风格'

Answer 3

测试一下 具有4列的表将分组设置为行 并且在插入2文本框内，在javascript中显示样式设置为无，在任何情况下也带有2个标签 和另一个带有提交按钮的表