Clear TextBox in Login Control when onclick

Question

i have login control and textbox inside , i need to write UserName in textbox to show to user and i need when click inside textbox to clear this textbox and allow user to enter text enter image description here

http://stackoverflow.com/questions/108207/how-do-i-make-an-html-text-box-show-a-hint-when-empty — Adam, Aug 08 '12 at 08:53
This link has all you need: http://stackoverflow.com/questions/4135818/how-to-clear-a-textbox-using-javascript — Occidio, Aug 08 '12 at 08:53

YardenST · Answer 1 · 2012-08-08T09:00:37.687

1

use the placeholder html5 attribute

edited Aug 08 '12 at 09:00

answered Aug 08 '12 at 08:52

YardenST

5,119
2
33
54

score 1 · Accepted Answer · answered Aug 08 '12 at 08:58

1

Since you asked for javascript code

<input type="text" value="your name" name="usrname" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;"/>

answered Aug 08 '12 at 08:58

Sibu

4,609
2
26
38

i need to change textmode to password after clearing the textbox – Mounir Aug 08 '12 at 09:36
@KareemMouneir i could not understand your question – Sibu Aug 08 '12 at 09:50

score 1 · Answer 3 · edited Jan 22 '14 at 13:51

1

if using jQuery is acceptable:

jQuery("#myTextBox").focus( function(){ 
    $(this).val(""); 
} );

or in javascript

<input type="text" value="A new value" onfocus="javascript: if(this.value == 'A new value'){ this.value = ''; }" onblur="javascript: if(this.value==''){this.value='A new value';}" />

edited Jan 22 '14 at 13:51

Xyz

5,955
5
40
58

answered Aug 08 '12 at 09:22

Nikhil D

2,479
3
21
41

score 0 · Answer 4 · answered Aug 08 '12 at 08:54

0

Last year I wrote a jQuery plugin for exact that problem. It's called "toggletextfieldvalue" check it out http://www.naden.de/blog/toggle-textfield-value-jquery-plugin

Note: If you are using HTML5, you can rely on the new placeholder attribute.

answered Aug 08 '12 at 08:54

naden

126
8

Clear TextBox in Login Control when onclick

4 Answers4