<?xml version="1.0" encoding="utf-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Ugly yellow form fields</title>
	<atom:link href="http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/</link>
	<description>For a better web with more professional jobs - can talk, will travel</description>
	<lastBuildDate>Thu, 09 Sep 2010 14:50:00 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<item>
		<title>By: Deron Meranda</title>
		<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/comment-page-1/#comment-2241</link>
		<dc:creator>Deron Meranda</dc:creator>
		<pubDate>Wed, 12 Apr 2006 18:43:17 +0000</pubDate>
		<guid isPermaLink="false">http://www.wait-till-i.com/?p=73#comment-2241</guid>
		<description>Another design problem is that the google toolbar only sets the background-color property, and not the foreground color.  So if you use a scheme say with white text on a dark background, the now yellow fields will be quite unreadable.  Then it becomes a usability issue and not just a design issue.

Also there is another way that can defeat the autofill (if your intent really is to defeat it and not just hide the yellow).  The toolbar seems to analyze the text within a label element first if you have one.  This helps to constrain the toolbar&#039;s AI.  Then for each of the magic keywords, like &quot;name&quot; or &quot;email&quot;, you can insert an empty element inside the word&#039;s letters, such as:

&lt;code&gt;
  &lt;label for=&quot;x&quot;&gt;Your n&lt;i&gt;&lt;/i&gt;ame&lt;/label&gt;
  &lt;input id=&quot;x&quot; type=&quot;text&quot; /&gt;
&lt;/input&gt;&lt;/code&gt;

It&#039;s not perfect, because screen readers may stumble on the word.  But visually it will look fine.  Another thing to perhaps try (if you don&#039;t care about non-visual browsers at all) is to create an empty label element for the input field, and put the text of your real label elsewhere.</description>
		<content:encoded><![CDATA[<p>Another design problem is that the google toolbar only sets the background-color property, and not the foreground color.  So if you use a scheme say with white text on a dark background, the now yellow fields will be quite unreadable.  Then it becomes a usability issue and not just a design issue.</p>
<p>Also there is another way that can defeat the autofill (if your intent really is to defeat it and not just hide the yellow).  The toolbar seems to analyze the text within a label element first if you have one.  This helps to constrain the toolbar&#8217;s AI.  Then for each of the magic keywords, like &#8220;name&#8221; or &#8220;email&#8221;, you can insert an empty element inside the word&#8217;s letters, such as:</p>
<p><code><br />
&lt;label for="x"&gt;Your n&lt;i&gt;&lt;/i&gt;ame&lt;/label&gt;<br />
&lt;input id="x" type="text" /&gt;<br />
&lt;/input&gt;</code></p>
<p>It&#8217;s not perfect, because screen readers may stumble on the word.  But visually it will look fine.  Another thing to perhaps try (if you don&#8217;t care about non-visual browsers at all) is to create an empty label element for the input field, and put the text of your real label elsewhere.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim Grigg</title>
		<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/comment-page-1/#comment-2069</link>
		<dc:creator>Tim Grigg</dc:creator>
		<pubDate>Wed, 08 Mar 2006 12:19:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.wait-till-i.com/?p=73#comment-2069</guid>
		<description>The url is http://www.travelwild.com.au/10daa/book.html

If you have the google toolbar and have filled in the autofill options you will notice that the first field is yellow, if you activate the autofill this field inserts your email address.

As per my previous message, whatever field is first gets the treatment, If I put the date field first, it happens to the date.

I have also discovered that if I name another field as per the recommendations at www.ietf.org/rfc/rfc3106.txt, which is what google advises to do, then the autofill function fails to work at all (it appears gray on the toolbar) and no fields are yellow, you can see where I have done this at &quot;www.travelwild.com.au/10daa/book2.html&quot;:www.travelwild.com.au/10daa/book2.html where I have named the card field Ecom_Payment_Card_Number

Although this is a solution of sorts and solves my immediate problem, something is definitely not right.</description>
		<content:encoded><![CDATA[<p>The url is <a href="http://www.travelwild.com.au/10daa/book.html" rel="nofollow">http://www.travelwild.com.au/10daa/book.html</a></p>
<p>If you have the google toolbar and have filled in the autofill options you will notice that the first field is yellow, if you activate the autofill this field inserts your email address.</p>
<p>As per my previous message, whatever field is first gets the treatment, If I put the date field first, it happens to the date.</p>
<p>I have also discovered that if I name another field as per the recommendations at <a href="http://www.ietf.org/rfc/rfc3106.txt" rel="nofollow">http://www.ietf.org/rfc/rfc3106.txt</a>, which is what google advises to do, then the autofill function fails to work at all (it appears gray on the toolbar) and no fields are yellow, you can see where I have done this at <a href="www.travelwild.com.au/10daa/book2.html" title="">http://www.travelwild.com.au/10daa/book2.html</a> where I have named the card field Ecom_Payment_Card_Number</p>
<p>Although this is a solution of sorts and solves my immediate problem, something is definitely not right.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris</title>
		<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/comment-page-1/#comment-2068</link>
		<dc:creator>Chris</dc:creator>
		<pubDate>Wed, 08 Mar 2006 11:27:54 +0000</pubDate>
		<guid isPermaLink="false">http://www.wait-till-i.com/?p=73#comment-2068</guid>
		<description>Tim, mine and the other potential helper&#039;s crystal ball is foggy and the tea leaves don&#039;t help either. 

Can you give us a URL that shows your problem, that would make fixing and helping a lot easier.</description>
		<content:encoded><![CDATA[<p>Tim, mine and the other potential helper&#8217;s crystal ball is foggy and the tea leaves don&#8217;t help either.</p>
<p>Can you give us a <span class="caps">URL</span> that shows your problem, that would make fixing and helping a lot easier.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim Grigg</title>
		<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/comment-page-1/#comment-2067</link>
		<dc:creator>Tim Grigg</dc:creator>
		<pubDate>Wed, 08 Mar 2006 11:22:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.wait-till-i.com/?p=73#comment-2067</guid>
		<description>An addition to the previous comment, I&#039;ve discovered that the first field in the form always turns yellow and inserts the email address when autofill is activated, no matter what it&#039;s name, any ideas?

Tim</description>
		<content:encoded><![CDATA[<p>An addition to the previous comment, I&#8217;ve discovered that the first field in the form always turns yellow and inserts the email address when autofill is activated, no matter what it&#8217;s name, any ideas?</p>
<p>Tim</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tim Grigg</title>
		<link>http://www.wait-till-i.com/2005/05/04/ugly-yellow-form-fields/comment-page-1/#comment-2065</link>
		<dc:creator>Tim Grigg</dc:creator>
		<pubDate>Wed, 08 Mar 2006 06:55:02 +0000</pubDate>
		<guid isPermaLink="false">http://www.wait-till-i.com/?p=73#comment-2065</guid>
		<description>A simple solution to web designers who don&#039;t like autofill, just make all your fields yellow! No Java or fancy pants work required. 

Can anyone help with my following problem?

I have a field in a form which is highlighted by autofill, yet the field has a unique name, even if I change or completely remove the name it still comes up yellow, If I use the auto fill function it then replaces the default value in the field with my email address?

Thanks for any thoughts

Tim</description>
		<content:encoded><![CDATA[<p>A simple solution to web designers who don&#8217;t like autofill, just make all your fields yellow! No Java or fancy pants work required.</p>
<p>Can anyone help with my following problem?</p>
<p>I have a field in a form which is highlighted by autofill, yet the field has a unique name, even if I change or completely remove the name it still comes up yellow, If I use the auto fill function it then replaces the default value in the field with my email address?</p>
<p>Thanks for any thoughts</p>
<p>Tim</p>
]]></content:encoded>
	</item>
</channel>
</rss>
