Question

I am creating a html form with textboxes. I want default values to be shown in the textboxes when the page loads.

see code below:

<form action="" onsubmit="">    
  Zip Code: <input id="address" type="textbox" value="">  
  Zip Code:<input id="address" type="textbox" value="78728"/>
  Radius:<input id="radius" type="textbox" value="#session.preferences.view_Radius_Map#"/>miles
  <input type="button" value="Add Radius" onclick= "drawCircle()">
  <input type="button" value="Undo" onclick=" Undo()">
  <input type="button" value="Reset" onclick= "clearMap()">
</form>

for some reason when I try to remove the line that has no value for the Zip Code, the value for the second Zip Code textbox (which has a value set for the zip code) does not display. What is causing this and how can I correct this so that I have to textbox fields Zip Code and Radius in which the default values are displayed when the page loads?

Answer 1

It works fine for me when I remove the first zip code <input>: http://jsfiddle.net/LFYnH/