Get Inspired

Perfect Form Markup Styled with CSS

Travis

For a lot of designers, styling forms can be a headache at the best of times. Developer Anatoli Papirovski sends us this link to his article How to create perfect form markup and style it with CSS. There’s plenty of detail and code for those who are into that sort of thing :)


  1. kyle steed February 20th

    Comment Arrow

    That’s pretty good. I personally think it’s a little bit of div overkill. I like using an unordered list (See here) to keep my form in order. But I guess there is no “right” way to go about this. Just whatever works for you and/or the project you’re working on.


  2. curtismchale February 20th

    Comment Arrow

    Great link. Forms is the one area I know my HTML coding needs to improve. I honestly don’t even know what the ‘proper’ coding should look like in a form. Off to read the article


  3. Rich February 23rd

    Comment Arrow

    After spending the last few months refining our forms I opted for definition lists . Holds the label, and holds the form input.


  4. Rich February 23rd

    Comment Arrow

    Whoops. Last post dropped the dd and dt code syntax.


  5. Anthony James Bruno February 23rd

    Comment Arrow

    How about a Form CSS Framework?

    http://code.google.com/p/formy-css-framework/


Add Yours

  • Author Avatar

    YOU


Comment Arrow



Developed by: Derek Herman