Agency mobile menu
CONTACT
Back to Articles
Web design
Updated: July 21, 2021
By: Ironpaper

Clear form field with mouse click using simple Javascript (focus)

Making a user's experience enjoyable and hassle-free is a vital part of web design and development. In many website projects, you may need to have an HTML form with values pre-filled to describe the type of field the user is accessing.  This is one of the simplest ways to execute this approach. It uses a simple  event called onFocus to remove the text within "value".


<input type="text" name="myField" size=16 value="Click to remove text" onFocus="javascript:this.value=''" />
<input type="submit" />

Related Articles

b2b marketing
The B2B Market Trends Pushing Companies to Rethink Buyer Engagement
b2b sales
Why 92% of B2B Messaging Fails to Drive Results
lead generation
B2B Lead Generation in 2026: Trust, Timing, Clarity
content marketing
Generative AI is Transforming the Buyer Journey in 2025
website
B2B Website Strategies for Performance in 2025
b2b
B2B Brand Differentiation: Stand Out When Everyone Sounds the Same
abm
When to Employ Deal-Based ABM
Interested in working for or partnering with Ironpaper? We’d love to hear from you.
We are passionate about helping remarkable companies grow. We solve challenges that hold businesses back. We love it. 
Connect with Us

Related Pages

Marketing Content Strategy ABM Strategy Lead Generation B2B Websites