HTML and CSS

Help on clear text in <input> !!

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jan 2006

Posts: 14

Reputation: Braga_ESI is an unknown quantity at this point

Solved Threads: 0

Braga_ESI

Offline

Newbie Poster

Help on clear text in <input> !!

Dec 9th, 2006

Hi,

I need help no this web page that i'm making, I think it's a bit too simple for you guys

, so here goes nothing....

I need a text box like:

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
 [HTML]<input value="Click here to clear text" name="nome" type="text"> [/HTML]
 [HTML]<input value="Click here to clear text" name="nome" type="text"> [/HTML]

That actually clears the text when you click on it...

I tried the onClick="" tag but as I looked up it´s just for buttons, right?

Hoping somebody can help me out, yours trully: Braga_ESI

•

Join Date: Jul 2005

Posts: 154

Reputation: katarey is an unknown quantity at this point

Solved Threads: 20

katarey

Offline

Junior Poster

Re: Help on clear text in <input> !!

Dec 9th, 2006

you can use "onfocus"

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script language="javascript">
<!--
function clearinputText() {
  document.frm.name.value= "";
}
 
//-->
</script>
<script language="javascript">
<!--
function clearinputText() {
  document.frm.name.value= "";
}

//-->
</script>

[HTML]<input type="text" name="name" value="Click here to clear text" onfocus="clearinputText();">[/HTML]

but this will clear the text every time when you get focus on this field,

Its a simple example only

best regards
Rahul

Freelance Web Designer & Developer
Http//www.Katarey.com

•

Join Date: Jul 2006

Posts: 1,091

Reputation: MattEvans is a jewel in the rough

Solved Threads: 63

MattEvans

Offline

Veteran Poster

Re: Help on clear text in <input> !!

Dec 9th, 2006

onClick will work on most elements, onfocus is more appropriate for a text input, as tabbing to a field also counts as focus...

try:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>
<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>

it will only clear the text once.. i assume you want to actually put something in the text afterwards,,

Plato forgot the nullahedron..

•

Join Date: Jan 2006

Posts: 14

Reputation: Braga_ESI is an unknown quantity at this point

Solved Threads: 0

Braga_ESI

Offline

Newbie Poster

Re: Help on clear text in <input> !!

Dec 9th, 2006

•

Originally Posted by MattEvans

onClick will work on most elements, onfocus is more appropriate for a text input, as tabbing to a field also counts as focus...

try:
Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>
<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>
it will only clear the text once.. i assume you want to actually put something in the text afterwards,,

Thanks a lot for the help!!! My problem is solved... :lol: Sorry about my english, it's a little rustty...

•

Join Date: Jan 2006

Posts: 14

Reputation: Braga_ESI is an unknown quantity at this point

Solved Threads: 0

Braga_ESI

Offline

Newbie Poster

Re: Help on clear text in <input> !!

Dec 9th, 2006

•

Originally Posted by katarey

you can use "onfocus"
Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
<script language="javascript">

</script>
<script language="javascript">  </script>
[HTML]<input type="text" name="name" value="Click here to clear text" onfocus="clearinputText();">[/HTML]

but this will clear the text every time when you get focus on this field,

Its a simple example only

best regards
Rahul

Thank you very much!!! You gave me a solution that envolves javascript

that is interesting...

ho!, and sorry about my english...

•

Join Date: Jul 2006

Posts: 1,091

Reputation: MattEvans is a jewel in the rough

Solved Threads: 63

MattEvans

Offline

Veteran Poster

Re: Help on clear text in <input> !!

Dec 9th, 2006

•

Thank you very much!!! You gave me a solution that envolves javascript that is interesting...
ho!, and sorry about my english...

mine is a javascript solution aswell, but it's all squashed into one parameter line. you could expand it to:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script type="text/javascript">
function checkclear(what){
if(!what._haschanged){
  what.value=''
};
what._haschanged=true;
}
</code>
 
<input type="text" value="Click here to clear text" onfocus="checkclear(this)"/>
<script type="text/javascript">
function checkclear(what){
if(!what._haschanged){
  what.value=''
};
what._haschanged=true;
}
</code>

<input type="text" value="Click here to clear text" onfocus="checkclear(this)"/>

and then use "checkclear(this)" as the onfocus property for all text inputs that you want to have the same behaviour.

Plato forgot the nullahedron..

•

Join Date: Jun 2004

Posts: 434

Reputation: FC Jamison is on a distinguished road

Solved Threads: 20

FC Jamison FC Jamison is offline

Offline

Posting Pro in Training

Re: Help on clear text in <input> !!

Dec 10th, 2006

If this is a form, have you tried

[html]
<input type="reset" value="Reset!">
[/html]

•

Join Date: Jul 2006

Posts: 1,091

Reputation: MattEvans is a jewel in the rough

Solved Threads: 63

MattEvans

Offline

Veteran Poster

Re: Help on clear text in <input> !!

Dec 10th, 2006

eeek >_< i hate those buttons!

if you've just spent umpteen minutes finding information and filling out a form; would you EVER want to reset it rather than submit it?

how about this one?

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<input type="reset" value="Submit!">
<input type="reset" value="Submit!">

EDIT: :lol:

Last edited by MattEvans; Dec 10th, 2006 at 3:35 am.

Plato forgot the nullahedron..

Quick Reply to Thread

Show Printable Version

Similar Threads

Text input box alignment question (HTML and CSS)

Other Threads in the HTML and CSS Forum

Previous Thread: dynamically update pages
Next Thread: Why arent links found?

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes