Comments on: What’s the right way to mark up Forms in HTML and CSS? http://meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/ Web design and that Fri, 04 May 2012 23:55:22 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Megan http://meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/comment-page-1/#comment-11773 Megan Sat, 06 Oct 2007 14:21:58 +0000 http://www.meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/#comment-11773 That's my option "g" above. I don't like that method because, as I saw pointed out somewhere (but I forget where), the input isn't the label. Putting the label around it wouldn't be semantically correct. But are lists? Ehhh.... That’s my option “g” above. I don’t like that method because, as I saw pointed out somewhere (but I forget where), the input isn’t the label. Putting the label around it wouldn’t be semantically correct. But are lists? Ehhh….

]]> By: Catarina Santos http://meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/comment-page-1/#comment-11735 Catarina Santos Fri, 05 Oct 2007 23:21:34 +0000 http://www.meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/#comment-11735 In Lynda.com's "CSS for Designers" by Andy Clarke and Molly E. Holzschlag they put the input inside the label tag: <code><label for="name"><span>Name:</span> <input type="text" name="name" id="name" /></label> <label for="email"><span>Email:</span> <input type="text" name="email" id="email" /></label> </code> I'm not sure this is the best option, but it works. I prefer <br /> but I'm still learning and I haven't created enough forms yet. :) In Lynda.com’s “CSS for Designers” by Andy Clarke and Molly E. Holzschlag they put the input inside the label tag:
<label for="name"><span>Name:</span>
<input type="text" name="name" id="name" /></label>
<label for="email"><span>Email:</span>
<input type="text" name="email" id="email" /></label>

I’m not sure this is the best option, but it works. I prefer <br /> but I’m still learning and I haven’t created enough forms yet. :)

]]> By: Megan http://meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/comment-page-1/#comment-9244 Megan Wed, 01 Aug 2007 19:29:17 +0000 http://www.meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/#comment-9244 Almost every time I code a form I think about doing it with definition lists, and go back and forth a few times in my mind between regular lists (usually ordered) and definition lists before settling on regular lists. I think this is one of those situations where there are several satisfactory solutions, none of which are ideal, but none of which are significantly better than the other. Almost every time I code a form I think about doing it with definition lists, and go back and forth a few times in my mind between regular lists (usually ordered) and definition lists before settling on regular lists.

I think this is one of those situations where there are several satisfactory solutions, none of which are ideal, but none of which are significantly better than the other.

]]> By: CSS Guy http://meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/comment-page-1/#comment-9217 CSS Guy Wed, 01 Aug 2007 01:15:31 +0000 http://www.meganmcdermott.com/2007/07/25/whats-the-right-way-to-mark-up-forms-in-html-and-css/#comment-9217 I got slammed by a couple of folks for using definition lists in my example. The only thing clear is that we know there isn't a "one way" to do it, particularly since the variety of length and types of information asked will require different presentation methods, which many times means different markup. Choose what is best for the one form you are putting together. Check out wufoo for other form examples. (They use unordered lists, and they do a great job). I got slammed by a couple of folks for using definition lists in my example. The only thing clear is that we know there isn’t a “one way” to do it, particularly since the variety of length and types of information asked will require different presentation methods, which many times means different markup.

Choose what is best for the one form you are putting together.

Check out wufoo for other form examples. (They use unordered lists, and they do a great job).

]]>