DCSIMG
You are reading a MIX Online Opinion. In which we speak our minds. hanshu Meet Hans Arrow

Opinion

5Comment Retweet

Where's My Web Form Content?!

Sep 09, 2009 In Development By Hans Hugli

You know the deal. You compose a letter in a browser. Your hand slips. You accidentally hit the backspace key or move to a new page. An error occurs, or your browser crashes. Your brilliant letter is lost forever.

IE and Chrome have built-in support to prevent this scenario, but you can still lose your content, depending on what site you visit. Take Basecamp and Facebook. I did a quick test and found that Basecamp worked with IE and Chrome, but Facebook worked only with Chrome.

Judging from the above, one might jump to the conclusion that IE is inferior. Or perhaps the Facebook application was simply not tested thoroughly in IE. Or maybe the page load event fires off some javascript that creates textboxes and adds them to the DOM on the fly, overwriting any pre-existing textboxes residing in the DOM. Who knows.

The bottom line? We're not doing a great job testing apps—especially email and web form web-apps—across browsers. This leads to a poor user experience, diminished productivity, and general frustration.

Developers: I'd like to call on you to fix this all-too-common problem. Here's a quick way to test your app:

  • Visit any website
  • Browse to a page with a textbox or web form.
  • Type something there.
  • Click the back arrow on the browser chrome or press the backspace key.
  • Navigate back to the page with the textbox by clicking the forward arrow on the browser chrome.
  • Does the text that you originally typed remain? It should. If it doesn't, there is work to do.

Testing across browsers might be tedious, but it's well worth the effort.

Do you have a "lost web form content" horror story? Have you learned to accept this situation as "the way of the web"? Let us know by leaving a comment. And if you tweet, follow us on Twitter to learn about new content, opinions and articles.

Follow the Conversation

5 Comments so far. You should leave one, too.

Erik (gravatar) Erik said on September 09, 2009

Whenever I need to type a large amount of text into a web browser, I fire up Notepad, type it in there, then copy/paste it into the browser. This behavior came about after many frustrated shouting sessions…

Nishant Kothary (gravatar) Nishant Kothary said on September 09, 2009

Luke Wroblewski, who actually presented at MIX09, did a great job of covering this topic. He also has a fantastic book on the topic of web form design. Here’s a link to his MIX session titled, Web Form Design, and his book

rtpHarry (gravatar) rtpHarry said on September 10, 2009

i tested this comment form and you passed in ff3 ;)

Lou Rosenfeld (gravatar) Lou Rosenfeld said on September 17, 2009

Thanks for mentioning Luke’s book, Nishant! (I’m Luke’s publisher.) Just generated a discount code for 15% of the price: redeem code MIX09 at http://rosenfeldmedia. When you purchase from us directly, we also include a screen-optimized PDF along with the lovely, four-color interior paperback.

Denis (gravatar) Denis said on October 16, 2009

My previous work company uses home-made IE-based helpDesk. Clients was frustrated when losing trouble description on textarea field.

Add your social network profile — we’ll use it to find your avatar. Or, just add your email. That works too.