[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 528
  • Last Modified:

pre fill input text field of html form

hello,
  I have a simple html form as below:

<form action="page1.php" method="post">
<table>
<td> <input type="text" name="username" size="20" maxlength="40" id="user"><br>
</td>
</table>
<input type="submit" value="login" name="submit">

What should I add to this code so that the input field will be filled up with some text like "username here" when this page is opened.
0
kavishshukla
Asked:
kavishshukla
1 Solution
 
gamebitsCommented:
<input type="text" name="username" size="20" maxlength="40" id="user" value="username here">

Gamebits
0
 
systemrideCommented:
If you want the "username here" to go away when you click the textbox ... use this:

<script type="text/javascript">
function clearDefault(el) {
  if (el.defaultValue==el.value) el.value = ""
}
</script>

... in the body put:

<input type="text" name="username" size="20" maxlength="40" id="user" value="username here" onfocus="clearDefault(this)">
0
 
jessegivyDeveloperCommented:
Damn!
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
systemrideCommented:
Wow I guess your answer must have really ticked for them, jessegivy! haha
0
 
kavishshuklaAuthor Commented:
o. I didn't know I had to accept ONE OF THE GIVEN ANSWERS.
I thought I could accept any one and the entire question answer session will be available for other viewers.
my bad..
0
 
gamebitsCommented:
You are suppose to accept the answer that help you out, if it's the perfect answer to fix your problem you assigned a grade of A, if it's somewhat helpfull but you still had to work it out to work, than you can give a grade of B or C or even D and guess what, you can even split the point between different answer.

Damn!

Gamebits
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now