Comments on: How to Style a Form Input Field

By: Roy Ho

Roy Ho — Tue, 08 Mar 2011 23:14:28 +0000

Hey chuckyegg – no worries, glad you found it useful!

By: chuckyegg

chuckyegg — Tue, 08 Mar 2011 22:29:01 +0000

i have beebpn looking at loads of ways to style forms with css but This is the best solution i have seen so far will deffo be using it in some of my forms thanks very much:)

By: Roy Ho

Roy Ho — Fri, 28 May 2010 15:57:59 +0000

You’re welcome, glad you enjoyed it..

By: yasirwadood

yasirwadood — Fri, 28 May 2010 14:56:51 +0000

Thanks for sharing… i really like the part using paragraph tag for inserting input field

By: Roy Ho

Roy Ho — Wed, 12 May 2010 20:44:10 +0000

Hi Craig,
I understand what you mean. However I would definitely not put the whole graphic as a background image. You should evaluate what elements you’re working with and depending on that, see which parts can be done with CSS alone and use graphic sparingly.

With CSS3 and selected browser you can now achieve many of the gradient effects that would look nice on forms and it can be degraded nicely for browsers that don’t fully support CSS3…hint hint ie…

By: Craig

Craig — Wed, 12 May 2010 20:34:09 +0000

Great site, great tutorials. I would like your opinion. I would like to design a form (say a login screen) in illustrator or photoshop and save as jpg. Does it make sense to use the jpg as a background image for a div, put a form on top of that and use css to put the fields spaced correctly? (hope this was clear) Or is their an easier way of placing input fields on forms?

By: Roy Ho

Roy Ho — Fri, 22 Jan 2010 20:36:52 +0000

Thanks for the compliment and welcome Edward…

By: Roy Ho

Roy Ho — Fri, 22 Jan 2010 20:36:30 +0000

Thanks and welcome to the site!

By: Edumnd

Edumnd — Fri, 22 Jan 2010 20:22:10 +0000

Will be sure to finish reading this later

By: Edward

Edward — Fri, 22 Jan 2010 20:08:18 +0000

Keep this kind of content going, love your site