html - 2 つのテキスト入力フィールドを 1 つにするにはどうすればよいですか?

Question

2 つのテキスト入力フィールドをフォームとして 1 つにまとめるクールな効果を見てきました。私が何を言いたいか分かるように、画像を添付しました。そのようなものを作成する方法を知っている人はいますか？

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>を1つに結合する方法はありません。

画像で見たものは、<div>2 つ<input>の魔女が「スタイルレス」であるスタイル付きです。

Answer 3

このテーブルを 4 列でテストし、グループ化を行に設定し、表示スタイルを javascript で none に設定して 2 つのテキスト ボックスを挿入し、2 つのラベルと別のテーブルを送信ボタンでテストします。