Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 48663

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Permalink

Dec 9th, 2006

Help on clear text in <input> !!

Expand Post »

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:

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

Similar Threads

Text input box alignment question in HTML and CSS

Braga_ESI

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

14 posts
since Jan 2006

Permalink

Dec 9th, 2006

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

you can use "onfocus"

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

katarey

Reputation Points: 39

Solved Threads: 23

Junior Poster

Offline

167 posts
since Jul 2005

Permalink

Dec 9th, 2006

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

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

try:

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,,

MattEvans

Moderator

Featured Poster

Reputation Points: 522

Solved Threads: 64

Veteran Poster

Offline

1,091 posts
since Jul 2006

Permalink

Dec 9th, 2006

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

Click to Expand / Collapse Quote 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:
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...

Braga_ESI

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

14 posts
since Jan 2006

Permalink

Dec 9th, 2006

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

Click to Expand / Collapse Quote originally posted by katarey ...

you can use "onfocus"
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...

Braga_ESI

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

14 posts
since Jan 2006

Permalink

Dec 9th, 2006

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

Quote ...

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:

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.

MattEvans

Moderator

Featured Poster

Reputation Points: 522

Solved Threads: 64

Veteran Poster

Offline

1,091 posts
since Jul 2006

Permalink

Dec 10th, 2006

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

If this is a form, have you tried

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

FC Jamison

Team Colleague

Reputation Points: 92

Solved Threads: 21

Posting Pro in Training

Offline

436 posts
since Jun 2004

Permalink

Dec 10th, 2006

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

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?

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.

MattEvans

Moderator

Featured Poster

Reputation Points: 522

Solved Threads: 64

Veteran Poster

Offline

1,091 posts
since Jul 2006

Permalink

Mar 18th, 2010

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

<html>
<input type="reset" value="Reset!">

</html>

this code doesn't clear textboxes

k_manu12

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Mar 2010

Permalink

Aug 16th, 2011

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

html Syntax (Toggle Plain Text)
<html>
<body>
<!--Data-->
<form>
Full Name:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="30"/></br>
E-mail Address:
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="30"/></br>
Password:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="password" size="30"/></br>
Repeat Password:&nbsp;<input type="password" size="30"/></br>
 
<!--buttons-->
<a href="regsuccess.html">
<input type="submit" value="Register">
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="Clear"/>
</form>
 
</body>
</html>
<html>
<body>
<!--Data-->
<form>
Full Name:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="30"/></br>
E-mail Address:
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="30"/></br>
Password:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="password" size="30"/></br>
Repeat Password:&nbsp;<input type="password" size="30"/></br>

<!--buttons-->
<a href="regsuccess.html">
<input type="submit" value="Register">
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="Clear"/>
</form>

</body>
</html>

try it..

ceasar14344

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Aug 2011

Page 1
2
Next

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Question about css

Next Thread in HTML and CSS Forum Timeline: displaying text and buttons in one line

DaniWeb Message

Cancel Changes

User Name
Password