Home/ Questions/Q 1062537
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T18:38:34+00:00

I want to be able to do something like <input type=text name=txtField value= title=input

  • 0

I want to be able to do something like

<input type="text" name="txtField" value="" title="input your text" />
<textarea name="areaField" title="input your long text"></textarea>

And the title will auto fade out and back in as the field value, unlike the “search” here in stackoverflow (right on the top, it only fade out).

I could come up with a javascript and use onblur and onfocus, but that would be troublesome and I hope unnecessary. Preferably, I’d set just a single function for every INPUT and TEXTAREA within any given file, so all I need to do is set up its title.

First question: what’s the name for this?

Main question: Anyone have a good solution? What about with no jquery? Maybe there’s a way to do it with CSS3 only, though I doubt it…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’re OK with it only working in newer browsers, you could use the placeholder attribute on the text field, to supply a placeholder that will disappear when you focus and reappear when you blur. You can find some more info in Dive Into HTML5.

    <input type="text" name="txtField" value="" placeholder="input your text" />

    If you want it to work in older browsers, you’ll probably have to implement the placeholder yourself, in JavaScript for instance. You can find all of your input and textarea elements using document.getElementsByTagName and add the onfocus and onblur handlers to each of those using DOM events.

    • 0