So I have a created a contact form and once you enter information, it retains the information like a normal form should. However, when you try and edit the information on any of the form entry boxes, it instantly deletes any information that was located in that box and requires the user to renter their information anew.

Here is my code:

<div class="contatct-form">
              <input type="text" value="Name " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name ';}">
              <input type="text" value="Email " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email ';}">
              <input type="text" value="Phone " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone ';}">
              <textarea rows="2" cols="70" onfocus="if(this.value == 'Message ') this.value='';" onblur="if(this.value == '') this.value='Message ';">Message </textarea>
              <input type="submit" value="Submit">

Well, that's because you have your onfocus set to clear the value. So when the user clicks on the input to edit the information, (the input element is in focus) the value is set to ''

May I ask what are you trying to achieve exactly?

Update: The best way to get what you're trying to achieve is by using the placeholder attribute. This might be of some help.

But you can also just have an if statement to check to what the value of the input element is. So your onfocus should be something like this

onfocus="if(this.value == 'Name ') { this.value = ''; }"

This is just for your first input, but that's the general idea.

  • I am trying to make a contact form in which I ask the user to input some information about themselves so that I may contact them about any inquiries they may have. – HaveYouMetRandy Dec 31 '14 at 19:00
  • Now that I look at your question more carefully, I see that's what you did for the 'textarea' element. So you'll just have to follow the same format. – Krishna Tummalapalli Dec 31 '14 at 19:15
  • I wish I could vote up your answer, but I don't have enough rep yet. This totally worked! thank you so much! – HaveYouMetRandy Dec 31 '14 at 19:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.