Outside the box on html forms

With CSS html forms are no longer limited to white boxes. There is no need for a box at all. The border of an input field can be set to zero and the background can be set to transparent.

<div style=”background: url(HTML/myform.jpg)”>

<input type=”text” style=”border:0; background: url(HTML/transparent-white.png); color:red”>


Whatever the imagination can come up with as a place to enter text can be used.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: