CODEWITHSUNDEEP
htmlcssstyles
user2056633
user2056633

Reputation: 151

How to put 2 text input fields in one?

I have see some cool effects that put two text input fields in one as a form! I have attached an image for you to see so you know what I mean. Does anyone know how to create such a thing?

Can it be done with CSS?

enter image description here

Upvotes: 1

Views: 1117

Answers (3)

Pannan Mp
Pannan Mp

Reputation: 77

test this table with 4 columns set grouping to rows and inside insert 2 text box with display style set to none in javascript in any event also with 2 label and another table with the submit button

Upvotes: 0

LiamB
LiamB

Reputation: 18586

You can style it up like so - http://jsbin.com/adalot/1/

This should set you off in the right direction

  <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;}

Upvotes: 5

Milche Patern
Milche Patern

Reputation: 20452

It's css .. there is no way to marry 2 distinct <input> into one.

What you saw on the image is a styled <div> containing 2 <input> witch are 'styleless'

Upvotes: 4

Related Questions