2013-02-25 122 views
1

我已经看到一些很酷的效果,将两个文本输入字段放在一个表单中!我附上了一张图片供您参考,以便您了解我的意思。有谁知道如何创建这样的事情?如何将2个文本输入字段放入一个?

可以用CSS来完成吗?

enter image description here

+0

你有一个链接到一个网站,这样做? – christopher 2013-02-25 16:49:46

+5

这只是两个输入框,他们的造型被删除,包裹在一个添加了一些样式的元素。没什么大不了。 – 2013-02-25 16:50:13

回答

5

你可以风格它像这样 - 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;} 
+0

hey increase'#holder' width;) – 2013-02-25 16:52:19

+0

你也应该有'input:focus {outline:none;}' – Griffin 2013-02-25 16:54:21

+0

我现在就更新它。 – LiamB 2013-02-25 16:54:57

4

它的CSS ..有没有办法结婚2个不同的<input>为一体。

您在图像上看到的是含2 <input>巫婆风格<div>是“styleless”

0

test this table with 4 columns set grouping into rows and inside insert 2 text box with display style set none in javascrip在任何情况下,也有2个标签 和另一个表与提交按钮

相关问题