The Cone Trees network The UX Bookmark UX Quotes UX Jobs in Singapore Nice one yeah!

Download Axure ‘Clear input field value on focus’ prototype/ widget library

Clear text on focus prototype and widget library

Two Axure widgets (clear text on focus of text field & clear text on focus of text area) for the Input Prompt design pattern are available for download in Axure widget library (.rplib) and and project file (.rp) format.

Demo the Clear Input Field Value on Focus Axure widgets

Demo (opens in new window, 105 kb)

Watch an example video

(File size: 330 kb)


Clear text value on focus of input field- Axure Widget Library file (.rplib) (downloaded 18879 times)
Clear text value on focus of input field- Axure Project file (.rp) (downloaded 7478 times)

Creative Commons License
Axure Widgets for the User Interface Pattern: Clear Input Field Value onFocus/ Input Prompt by Abhay Rautela is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 India License.


  1. Shannon said on September 30, 2009 at 10:57 pm |

    I found this just when I needed it. Thanks!

  2. Jan said on May 6, 2010 at 1:40 pm |

    Hi Abhay,
    I was looking at your Axure RP widget (Clear Text Field Value). In your online demo, I really like the way the widget’s formatting changes based on the interaction i.e. when on focus, the text box’s borders turn to yellow. I downloaded both the widget and the prototype files but in both the behaviour is different.

    May I ask how you achieved this?


    PS - BTW great widget, using it a lot.

  3. Abhay (Cone Trees) said on May 6, 2010 at 9:43 pm |

    Jan, good to know you use it a lot.

    To answer your question, I haven’t applied any CSS that makes the text box’s border turn yellow. You happen to be viewing the demo on a browser that applies that styling to input elements on pages viewed in it. An example of such a browser is Chrome. View the demo in IE or Firefox on a PC and it shouldn’t appear.

    By the way, this may help you. The code that is used in Chrome for the yellow border styling for input elements is this: input:-webkit-autofill { background-color: #FAFFBD !important; background-image:none !important; }

  4. Jan said on May 6, 2010 at 10:47 pm |

    Thanks Abhay… now I feel like a fool… I was indeed using Chrome

  5. 栗伟 said on June 29, 2010 at 2:47 pm |

    HI ,I am chinese,your website big big good !!

  6. Andrew said on October 14, 2010 at 12:25 am |


    I downloaded the zip file but there doesn’t seem to be a .rplib file in it. It just unzips to a whole load of directories, eg AnnotationFieldSet and GlobalVariableSet. Am I missing something?

    Thanks, Andrew

  7. Abhay (Cone Trees) said on October 14, 2010 at 8:58 pm |

    @ 栗伟: Thank you.

  8. Abhay (Cone Trees) said on October 14, 2010 at 9:01 pm |

    Well Andrew, I downloaded the zip files and they’re working just fine. There is probably an issue with your zip app. Try downloading from a different machine. If it still doesn’t work, send me a screen shot of what you saw.

  9. Andrew said on October 15, 2010 at 1:28 am |

    Hi Abhay

    It looks like there is a problem with the ZIP file on Mac OSX. I unzipped it on Windows and it worked fine. Thanks for the file!

    Cheers, Andrew

  10. Joe said on July 14, 2011 at 10:43 pm |

    Mac version does not unzip correctly. Please let me know when you get this updated - looks like a good tool.


  11. John Lee said on August 5, 2011 at 9:01 pm |

    I found this this just when I need it! Thank you!

  12. Athar said on November 4, 2011 at 4:00 pm |

    Same problem here. Can’t download.
    Abhay, would you pl mail me this and mobile gestures library.

    Thanks for such a nice share.

  13. Patrick Sullivan Jr. said on November 23, 2011 at 11:01 pm |

    When unzipping the file with Mac OSX, here’s what I see:×3H212P3C1f1J2N3B3g

    I’m guessing this is the same problem experienced by Athar, Joe, and Andrew. Except that I don’t have a Win machine like Andrew does.

    The unzip program I’m using isn’t anything special, just whatever is built into Mac.

    Looks like a very useful Library. Thx, Patrick

  14. Abhay (Cone Trees) said on November 28, 2011 at 9:28 pm |

    Patrick, et al/ mac users, rejoice. You can download the files without any problems now.

    For those interested in knowing the reason for the issue and how I fixed it- here’s what was happening. It turns out that .rp is a compressed file format. When you open download my stencils and open it on a mac, it unzips both the zip AND the contents of the .rp file itself.

    How did I fix it? I placed the .rp and .rplib file in a folder and then zipped them up. I’ve tested them on my mac, they’re unzipping fine. If not, let me know.

  15. 小白 said on March 27, 2012 at 8:34 am |

    Hi,I am chinese,I found this when I study Axure.Thank you,I like it very much!

  16. Richard Price said on May 9, 2012 at 5:06 am |

    Hello - THanks! I can’t figure out how to edit the text in Axure without killing the clear functionality. The default text you have works, but when I double click the widget on my canvas I can change it but then the clear doesn’t work.


  17. john case said on June 18, 2012 at 1:16 am |

    As with Richard, when I edit the text, clear function stops working. How to correct?


  18. Issy said on July 27, 2013 at 6:12 am |

    Thanks - nice and simple

  19. Nick said on December 31, 2013 at 4:02 pm |

    Thank you!

Have something to say? Post a Comment

Your email is never published nor shared. Required fields are marked *