Jump to content


Photo

Forms


  • Please log in to reply
1 reply to this topic

#1 yhubu

yhubu
  • Members
  • PipPip
  • Member
  • 11 posts
  • LocationToronto, Canada

Posted 01 May 2006 - 03:04 PM

Hey does anyone know how to build a form that behaves like this one?

[a href=\"http://www.cssbeauty.com/contact/\" target=\"_blank\"]http://www.cssbeauty.com/contact/[/a]
Apache 1.3 & MySQL on Windowz 2000 Server

"Everything should be made as simple as possible, but not simpler."

"We can't solve problems by using the same kind of thinking we used when we created them."
"A man's ethical behavior should be based effectually on sympathy, education, and social ties; no religious basis is necessary. Man would indeeded be in a poor way if he had to be restrained by fear of punishment and hope of reward after death." Albert Einstein

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 01 May 2006 - 08:52 PM

Yes. Just use the :focus and :hover pseudoclasses on your input fields. Here's there CSS as an example:
input, textarea{
    background: #fff;
    border: 1px solid #83cde1;
    border-top: 3px solid #83cde1;
}
input:hover, textarea:hover {
    background: #F0FDE2;
    border-top: 3px solid #b1e77a
}
input:focus, textarea:focus {
    background: #FCFFEC;
    border-top: 3px solid #b1e77a
}

Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users