basic html text form

I want a text form for entering a string which is later read by javascript.

<form style=开发者_StackOverflow'margin:10px;'> 
Input Value: <input type="text" value="3" id="input" name="input"/>
</form>

I'm noticing that when I press enter while it's selected causes the page to be reloaded. This is not what I want. How do I make it not reload the page when the form is "submitted"?

Do you need the <form> tags? They don't seem to be doing anything. If you remove them you will no longer get that submission behaviour when you hit enter.

Pressing enter is submitting the form. You can use Javascript to prevent the form from being submitted - one way of doing that is by using a submit button:

<input type="submit" onsubmit="formhandle(); return false;">

Create a formhandle() function in Javascript to do the processing you want to do. Returning false should prevent the form from being posted back to the server - however, that doesn't always work. There's more detailed information on preventing default actions in browsers here:

http://www.quirksmode.org/js/events_early.html

You have to catch the form send with JScript and send it to the server with ajax

<form style='margin:10px;' id='formID'> 
Input Value: <input type="text" value="3" id="input" name="input"/>
</form>

the JQuery (you can use Prototype or pure JS if you want) code goes a litte something like this

$('#target').submit(function() {
  $.ajax({
    type: 'POST',
    url: url, 
    data: data,
    success: success,
    dataType: dataType,
  });
  return false;
});

The return false prevents the page from reloading. The documentation can be found here