<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>101WebSiteDesign :: Blog &#187; Css Form</title>
	<atom:link href="http://www.101websitedesign.com/blog/tag/css-form/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.101websitedesign.com/blog</link>
	<description>Website Design &#38; Web Development Company India offers Ecommerce Web Design, Graphic, Logo Design &#38; SEO Services India</description>
	<lastBuildDate>Thu, 12 May 2011 17:31:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Password strength meter for your register form</title>
		<link>http://www.101websitedesign.com/blog/styling-forms/password-strength-meter-for-your-register-form/</link>
		<comments>http://www.101websitedesign.com/blog/styling-forms/password-strength-meter-for-your-register-form/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 13:21:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Styling Forms]]></category>
		<category><![CDATA[Ajax Form]]></category>
		<category><![CDATA[Contact Us form]]></category>
		<category><![CDATA[Css Form]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tableless Form]]></category>
		<category><![CDATA[Uni Form]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=107</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/styling-forms/password-strength-meter-for-your-register-form/' addthis:title='Password strength meter for your register form'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Password strength meter for your register form – A small tutorial on how to build a password strength meter like the one on Google’s new account form.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/styling-forms/password-strength-meter-for-your-register-form/' addthis:title='Password strength meter for your register form' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.codeassembly.com/How-to-make-a-password-strength-meter-for-your-register-form/">Password strength meter for your register form</a> – A small tutorial on how to build a password strength meter like the one on Google’s new account form.<span id="more-107"></span></p>
<p style="text-align: center;"><a href="http://www.codeassembly.com/examples/passwordstrength.php" target="_blank"><img class="aligncenter size-full wp-image-108" title="f30" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/f30.gif" alt="f30" width="397" height="219" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/styling-forms/password-strength-meter-for-your-register-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Really Easy Field validation with Prototype</title>
		<link>http://www.101websitedesign.com/blog/styling-forms/really-easy-field-validation-with-prototype/</link>
		<comments>http://www.101websitedesign.com/blog/styling-forms/really-easy-field-validation-with-prototype/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 13:18:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Styling Forms]]></category>
		<category><![CDATA[Ajax Form]]></category>
		<category><![CDATA[Contact Us form]]></category>
		<category><![CDATA[Css Form]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[Tableless Form]]></category>
		<category><![CDATA[Uni Form]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=103</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/styling-forms/really-easy-field-validation-with-prototype/' addthis:title='Really Easy Field validation with Prototype'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Really Easy Field validation with Prototype – Here’s a form validation script that is very easy to use.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/styling-forms/really-easy-field-validation-with-prototype/' addthis:title='Really Easy Field validation with Prototype' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://tetlaw.id.au/view/javascript/really-easy-field-validation">Really Easy Field validation with Prototype</a> –  Here’s a form validation script that is very easy to use.<span id="more-103"></span></p>
<p style="text-align: center;"><a href="http://tetlaw.id.au/upload/dev/validation/" target="_blank"><img class="aligncenter size-full wp-image-104" title="f14" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/f14.gif" alt="f14" width="416" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/styling-forms/really-easy-field-validation-with-prototype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AJAX Contact Form</title>
		<link>http://www.101websitedesign.com/blog/styling-forms/ajax-contact-form/</link>
		<comments>http://www.101websitedesign.com/blog/styling-forms/ajax-contact-form/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 13:15:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Styling Forms]]></category>
		<category><![CDATA[Ajax Form]]></category>
		<category><![CDATA[Contact Us form]]></category>
		<category><![CDATA[Css Form]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Tableless Form]]></category>
		<category><![CDATA[Uni Form]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=99</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/styling-forms/ajax-contact-form/' addthis:title='AJAX Contact Form'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>AJAX Contact Form – Excellent example of accessible AJAX. Uses unobtrusive Javascript. By Dustin Diaz.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/styling-forms/ajax-contact-form/' addthis:title='AJAX Contact Form' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.dustindiaz.com/ajax-contact-form/">AJAX Contact Form</a> –  Excellent example of accessible AJAX. Uses unobtrusive Javascript. By Dustin Diaz.<span id="more-99"></span></p>
<p style="text-align: center;"><a href="http://www.dustindiaz.com/testJax/" target="_blank"><img class="aligncenter size-full wp-image-100" title="f10" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/f10.gif" alt="f10" width="416" height="130" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/styling-forms/ajax-contact-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS-Only, Table-less Forms</title>
		<link>http://www.101websitedesign.com/blog/styling-forms/css-only-table-less-forms/</link>
		<comments>http://www.101websitedesign.com/blog/styling-forms/css-only-table-less-forms/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 13:11:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Styling Forms]]></category>
		<category><![CDATA[Contact Us form]]></category>
		<category><![CDATA[Css Form]]></category>
		<category><![CDATA[Tableless Form]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=95</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/styling-forms/css-only-table-less-forms/' addthis:title='CSS-Only, Table-less Forms'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>CSS-Only, Table-less Forms – A great example of a well designed form using modern css techniques. It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0, has minor layout differences in Mac/Safari v1.0.3 and Mac/Safari v1.2, and is usable but fairly buggered in Mac/IE5.2.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/styling-forms/css-only-table-less-forms/' addthis:title='CSS-Only, Table-less Forms' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jeffhowden.com/code/css/forms/">CSS-Only, Table-less Forms</a> – A great example of a well designed form using modern css techniques. It works in Win/IE6, Firefox v1.0+, Win/Opera v8.0, has minor layout differences in Mac/Safari v1.0.3 and Mac/Safari v1.2, and is usable but fairly buggered in Mac/IE5.2.<span id="more-95"></span></p>
<p style="text-align: center;"><a href="http://jeffhowden.com/code/css/forms/" target="_blank"><img class="aligncenter size-full wp-image-96" title="f_17" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/f_17.gif" alt="f_17" width="413" height="102" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/styling-forms/css-only-table-less-forms/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

