如何將2個文本輸入字段放入一個？

我已經看到一些很酷的效果，將兩個文本輸入字段放在一個表單中！我附上了一張圖片供您參考，以便您瞭解我的意思。有誰知道如何創建這樣的事情？如何將2個文本輸入字段放入一個？

可以用CSS來完成嗎？

enter image description here

來源

2013-02-25 user2056633

你有一個鏈接到一個網站，這樣做？ – christopher 2013-02-25 16:49:46

這只是兩個輸入框，他們的造型被刪除，包裹在一個添加了一些樣式的元素。沒什麼大不了。 – 2013-02-25 16:50:13

你可以風格它像這樣 - 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;}

來源

2013-02-25 16:51:24 LiamB

hey increase'＃holder' width;） – 2013-02-25 16:52:19

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

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

它的CSS ..有沒有辦法結婚2個不同的<input>爲一體。

您在圖像上看到的是含2 <input>巫婆風格<div>是「styleless」

來源

2013-02-25 16:50:37

test this table with 4 columns set grouping into rows and inside insert 2 text box with display style set none in javascrip在任何情況下，也有2個標籤和另一個表與提交按鈕

來源

2013-02-25 16:55:00

如何將2個文本輸入字段放入一個？

回答

相關問題